Skip to content

Commit

Permalink
fix: Move mobile always-open CSS below collapsible mobile rules (#982)
Browse files Browse the repository at this point in the history
* fix: Move mobile always-open CSS below collapsible mobile rules
  • Loading branch information
gadenbuie authored Feb 14, 2024
1 parent 1b64278 commit 9a93f59
Show file tree
Hide file tree
Showing 6 changed files with 27 additions and 27 deletions.
2 changes: 1 addition & 1 deletion inst/components/dist/components.css

Large diffs are not rendered by default.

52 changes: 26 additions & 26 deletions inst/components/scss/sidebar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -301,32 +301,6 @@ $bslib-sidebar-column-sidebar: Min(calc(100% - var(--_padding-icon)), var(--_sid
}
}

@include media-breakpoint-down(sm) {
.bslib-sidebar-layout[data-collapsible-mobile="false"] {
// Always open sidebars become "flow" layouts
display: block !important;
--_padding-icon: var(--_padding); // use normal padding all around
--_vert-border: var(--_border); // and activate top border

> .sidebar[hidden] {
display: block !important;
> .sidebar-content {
display: flex !important;
}
}

> .sidebar {
max-height: var(--_mobile-max-height);
overflow-y: auto;
border-top: var(--_vert-border);
}

> .collapse-toggle {
display: none;
}
}
}

@include media-breakpoint-down(sm) {
.bslib-sidebar-layout {
&, &.sidebar-right {
Expand Down Expand Up @@ -397,3 +371,29 @@ $bslib-sidebar-column-sidebar: Min(calc(100% - var(--_padding-icon)), var(--_sid
}
}
}

@include media-breakpoint-down(sm) {
.bslib-sidebar-layout[data-collapsible-mobile="false"] {
// Always open sidebars become "flow" layouts
display: block !important;
--_padding-icon: var(--_padding); // use normal padding all around
--_vert-border: var(--_border); // and activate top border

> .sidebar[hidden] {
display: block !important;
> .sidebar-content {
display: flex !important;
}
}

& > .sidebar {
max-height: var(--_mobile-max-height);
overflow-y: auto;
border-top: var(--_vert-border);
}

> .collapse-toggle {
display: none;
}
}
}
Binary file modified inst/fonts/4iCs6KVjbNBYlgoKfw7w.woff
Binary file not shown.
Binary file modified inst/fonts/KFOlCnqEu92Fr1MmSU5fBBc-.woff
Binary file not shown.
Binary file modified inst/fonts/S6u8w4BMUTPHjxsAXC-s.woff
Binary file not shown.
Binary file modified inst/fonts/S6u9w4BMUTPHh7USSwiPHw.woff
Binary file not shown.

0 comments on commit 9a93f59

Please sign in to comment.