Merge branch 'sidebar-drop-shadow' into 'master'
Adds drop shadow to the expanded sidebar Closes #36750 and #13983 See merge request !13994
This commit is contained in:
commit
efb3a53605
2 changed files with 12 additions and 0 deletions
|
@ -19,6 +19,11 @@ export default class NewNavSidebar {
|
||||||
}
|
}
|
||||||
|
|
||||||
bindEvents() {
|
bindEvents() {
|
||||||
|
document.addEventListener('click', (e) => {
|
||||||
|
if (!e.target.closest('.nav-sidebar') && (bp.getBreakpointSize() === 'sm' || bp.getBreakpointSize() === 'md')) {
|
||||||
|
this.toggleCollapsedSidebar(true);
|
||||||
|
}
|
||||||
|
});
|
||||||
this.$openSidebar.on('click', () => this.toggleSidebarNav(true));
|
this.$openSidebar.on('click', () => this.toggleSidebarNav(true));
|
||||||
this.$closeSidebar.on('click', () => this.toggleSidebarNav(false));
|
this.$closeSidebar.on('click', () => this.toggleSidebarNav(false));
|
||||||
this.$overlay.on('click', () => this.toggleSidebarNav(false));
|
this.$overlay.on('click', () => this.toggleSidebarNav(false));
|
||||||
|
|
|
@ -99,6 +99,13 @@ $new-sidebar-collapsed-width: 50px;
|
||||||
box-shadow: inset -2px 0 0 $border-color;
|
box-shadow: inset -2px 0 0 $border-color;
|
||||||
transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
||||||
|
|
||||||
|
&:not(.sidebar-icons-only) {
|
||||||
|
@media (min-width: $screen-sm-min) and (max-width: $screen-md-max) {
|
||||||
|
box-shadow: inset -2px 0 0 $border-color,
|
||||||
|
2px 1px 3px $dropdown-shadow-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.sidebar-icons-only {
|
&.sidebar-icons-only {
|
||||||
width: $new-sidebar-collapsed-width;
|
width: $new-sidebar-collapsed-width;
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue