Skip to content

[mercury] Remove border, default background, and add default background to tab-list #682

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.

Sign up for GitHub

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

Open
wants to merge 17 commits into
base: main
Choose a base branch
from
Open

[mercury] Remove border, default background, and add default background to tab-list #682

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
4798d69
`[showcase][general]` Add "content-slot" class/styles for better disp…
bsastregx Nov 16, 2025
f9ffaba
`[showcase][general]` Add "show-boundary" UI helper class
bsastregx Nov 16, 2025
31807db
`[showcase][tab]` Apply "show-boundary" class on tab cases
bsastregx Nov 16, 2025
2526ebf
`[mercury][tab]` Update spacing-body and reorder selectors
bsastregx Nov 16, 2025
be3fa78
`[mercury][tab]` Format html on save
bsastregx Nov 16, 2025
9e52eda
`[mercury][tab]` Add mixins for "tab-filled-list" and "tab-outlined"
bsastregx Nov 16, 2025
d6fbf54
`[mercury][tab]` Comment out tab-list border
bsastregx Nov 16, 2025
7e1f4cf
`[mercury][showcase][tab]` Add "tab-filled-list" and "tab-outlined"
bsastregx Nov 16, 2025
bd3b5bb
`[mercury][tab]` Rename "extend" to "variant"
bsastregx Nov 17, 2025
be31672
`[mercury][tokens]` Update tab token value
bsastregx Nov 17, 2025
e03ce33
`[mercury][tab]` Comment out "filled-list" and "outlined" cases
bsastregx Nov 17, 2025
d933291
`[showcase][general]` ]Remove border from `.background-color-container`
bsastregx Nov 17, 2025
781066a
`[mercury][tab]` Comment out include's for tab variantants
bsastregx Nov 17, 2025
0efa9fd
`[showcase][general]` Remove ".show-boundary" class selector
bsastregx Nov 17, 2025
c39a274
`[mercury][tab]` Fix elevation cases
bsastregx Nov 17, 2025
6ea3261
`[mercury][tab]` Apply a default surface background on the `tab-list`
bsastregx Nov 17, 2025
f101c17
Merge branch 'main' into mercury/add-tab-surface-style
bsastregx Nov 17, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 16 additions & 1 deletion packages/common/src/html.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,9 @@ export const CSS_CLASSES = {
},
TAB: {
TAG: "ch-tab-render",
SELECTOR: "tab"
SELECTOR: "tab",
FILLED_LIST_SELECTOR: "tab-filled-list",
OUTLINED_SELECTOR: "tab-outlined"
},
TOOLTIP: {
TAG: "ch-tooltip",
Expand Down Expand Up @@ -134,3 +136,16 @@ export const CUSTOM_CSS_ONLY_FOR_PREVIEW_LAYOUT = `.layout {
font-size: var(--mer-font__size--xs);
justify-content: center;
}`;

export const CONTENT_SLOT = {
/* Diagonal hatch pattern used as a visual placeholder for empty content areas */
SELECTOR: "content-slot",
CSS: `
background-color: transparent;
background-image: var(--content-slot-background-image);
block-size: 200px;
display: grid;
place-content: center;
margin: 0 !important;
`
};
Loading
Loading