Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(header): seamless attached variant #2909

Merged
merged 3 commits into from
Sep 22, 2023

Conversation

ko2in
Copy link
Member

@ko2in ko2in commented Sep 21, 2023

Description

The attached header doesn't support the seamless variant like the segment element which results in showing the border between the header and the attached element below.

This PR allows to have the attached header element with seamless variant that allows to remove the bottom border when it attaches with the another segment below.

Testcase

Before: https://jsfiddle.net/jkszwbxe/

After: https://jsfiddle.net/ko2in/yoafg8mx/1/

Screenshot

Before:
seamless-attached-header-not-supported

After:
seamless-attached-header-supported

Closes

#2874

This PR allows to have the attached header element with seamless
variant that allows to remove the bottom border when it attaches
with the another segment below.
Copy link
Member

@lubber-de lubber-de left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just a little change request 😉 Please see comment and suggestion

src/definitions/elements/header.less Outdated Show resolved Hide resolved
@lubber-de lubber-de added type/feat Any feature requests or improvements lang/css Anything involving CSS state/awaiting-reviews Pull requests which are waiting for reviews labels Sep 22, 2023
@lubber-de lubber-de added this to the 2.9.4 milestone Sep 22, 2023
The attached header with seamless variant removes the bottom border
which is fine for the top attached header, but the bottom attached
header still need the border, so excludes to keep it's border.
@lubber-de lubber-de added state/awaiting-docs Pull requests which need doc changes/additions and removed state/awaiting-reviews Pull requests which are waiting for reviews labels Sep 22, 2023
Copy link
Member

@lubber-de lubber-de left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@lubber-de lubber-de changed the title feat(header): supports seamless variant for attached header feat(header): seamless attached variant Sep 22, 2023
@lubber-de lubber-de merged commit b198514 into fomantic:develop Sep 22, 2023
8 checks passed
@lubber-de
Copy link
Member

Docs added by fomantic/Fomantic-UI-Docs#478

@lubber-de lubber-de added state/has-docs A issue/PR which requires documentation changes and has the corresponding PR open in the docs repo and removed state/awaiting-docs Pull requests which need doc changes/additions labels Sep 22, 2023
@ko2in ko2in deleted the feat-seamless-attached-header branch September 22, 2023 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lang/css Anything involving CSS state/has-docs A issue/PR which requires documentation changes and has the corresponding PR open in the docs repo type/feat Any feature requests or improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants