Skip to content

fix: remove demo styling that causes rendering issues in the docs #400

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

Merged
colinscz merged 2 commits into from
Aug 27, 2025
Merged

fix: remove demo styling that causes rendering issues in the docs #400

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2550362
fix: remove demo styling that causes rendering issues in the docs
Aug 14, 2025
c41b6a0
fix: selector not working for six root docs
Aug 14, 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
4 changes: 2 additions & 2 deletions docs/components/six-root.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ You can provide a stage indicator by adding `stage="DEV"` to `six-root` as well
<six-header slot="header">

<six-header-item>
<six-icon-button name="menu"></six-icon-button>
<six-icon-button id="menu-button" name="menu"></six-icon-button>
</six-header-item>


Expand Down Expand Up @@ -233,7 +233,7 @@ You can provide a stage indicator by adding `stage="DEV"` to `six-root` as well
rightSidebar: 'six-sidebar[slot="right-sidebar"]',
drawer: 'six-drawer',
cards: ['six-sidebar[slot="right-sidebar"] six-card'],
hamburger: 'six-icon-button[name="menu"]',
hamburger: '#menu-button',
searchItem: '#search-header-item',
});

Expand Down
2 changes: 0 additions & 2 deletions docs/components/six-select.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -151,8 +151,6 @@ To allow multiple options to be selected, use the `multiple` attribute. It's a g

With the prefix and suffix slots you can display icons in the menu items.

.demo-multiple-icons six-menu-item::part(base) { display: flex; align-items: center; }

<docs-demo-six-select-9></docs-demo-six-select-9>

```html
Expand Down
4 changes: 2 additions & 2 deletions docs/examples/docs-demo-six-root-0.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<six-header slot="header">

<six-header-item>
<six-icon-button name="menu"></six-icon-button>
<six-icon-button id="menu-button" name="menu"></six-icon-button>
</six-header-item>


Expand Down Expand Up @@ -242,7 +242,7 @@ export default {
rightSidebar: 'six-sidebar[slot="right-sidebar"]',
drawer: 'six-drawer',
cards: ['six-sidebar[slot="right-sidebar"] six-card'],
hamburger: 'six-icon-button[name="menu"]',
hamburger: '#menu-button',
searchItem: '#search-header-item',
});

Expand Down
4 changes: 2 additions & 2 deletions libraries/ui-library/src/components/six-root/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ <h2>Basic Layout with all elements</h2>
<six-header slot="header">
<!-- hamburger menu -->
<six-header-item>
<six-icon-button name="menu"></six-icon-button>
<six-icon-button id="menu-button" name="menu"></six-icon-button>
</six-header-item>

<!-- logo -->
Expand Down Expand Up @@ -243,7 +243,7 @@ <h3>Task</h3>
rightSidebar: 'six-sidebar[slot="right-sidebar"]',
drawer: 'six-drawer',
cards: ['six-sidebar[slot="right-sidebar"] six-card'],
hamburger: 'six-icon-button[name="menu"]',
hamburger: '#menu-button',
searchItem: '#search-header-item',
});

Expand Down
6 changes: 0 additions & 6 deletions libraries/ui-library/src/components/six-select/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,12 +123,6 @@ <h3>Multiple</h3>

<h3>Multiple with Icons</h3>
<p>With the prefix and suffix slots you can display icons in the menu items.</p>
<style>
.demo-multiple-icons six-menu-item::part(base) {
display: flex;
align-items: center;
}
</style>
<section class="demo demo-multiple-icons" style="width: 300px">
<six-select filter placeholder="Select a few" multiple clearable>
<six-menu-item value="option-1"
Expand Down