admin-sidebar.component.scss (dspace-angular-dspace-7.0) | : | admin-sidebar.component.scss (dspace-angular-dspace-7.1) | ||
---|---|---|---|---|
skipping to change at line 28 | skipping to change at line 28 | |||
} | } | |||
} | } | |||
&.inactive ::ng-deep .sidebar-collapsible { | &.inactive ::ng-deep .sidebar-collapsible { | |||
margin-left: calc(-1 * var(--ds-sidebar-items-width)); | margin-left: calc(-1 * var(--ds-sidebar-items-width)); | |||
} | } | |||
.navbar-nav { | .navbar-nav { | |||
.admin-menu-header { | .admin-menu-header { | |||
background-color: var(--ds-admin-sidebar-header-bg); | background-color: var(--ds-admin-sidebar-header-bg); | |||
.sidebar-section { | ||||
background-color: inherit; | ||||
} | ||||
.logo-wrapper { | .logo-wrapper { | |||
img { | img { | |||
height: 20px; | height: 20px; | |||
} | } | |||
} | } | |||
.section-header-text { | .section-header-text { | |||
line-height: 1.5; | line-height: 1.5; | |||
} | } | |||
.navbar-brand { | ||||
margin-right: 0; | ||||
} | ||||
} | } | |||
} | } | |||
::ng-deep { | ::ng-deep { | |||
.navbar-nav { | .navbar-nav { | |||
.sidebar-section { | .sidebar-section { | |||
display: flex; | display: flex; | |||
align-content: stretch; | align-content: stretch; | |||
background-color: var(--ds-admin-sidebar-bg); | background-color: var(--ds-admin-sidebar-bg); | |||
overflow-x: visible; | ||||
.nav-item { | .nav-item { | |||
padding-top: var(--bs-spacer); | padding-top: var(--bs-spacer); | |||
padding-bottom: var(--bs-spacer); | padding-bottom: var(--bs-spacer); | |||
background-color: inherit; | ||||
&:focus-visible { | ||||
// since links fill the whole sidebar, we _inset_ the ou | ||||
tline | ||||
outline-offset: -4px; | ||||
// replace padding with margins so it doesn't extend ove | ||||
r the :focus-visible outline | ||||
// → can't remove the padding altogether; the icon need | ||||
s to fill out | ||||
// the collapsed width of the sidebar for the slide a | ||||
nimation to look decent. | ||||
.shortcut-icon { | ||||
padding-left: 0; | ||||
padding-right: 0; | ||||
margin-left: var(--ds-icon-padding); | ||||
margin-right: var(--ds-icon-padding); | ||||
} | ||||
.logo-wrapper { | ||||
margin-right: var(--bs-navbar-padding-x) !important; | ||||
} | ||||
.navbar-brand { | ||||
padding-top: 0; | ||||
padding-bottom: 0; | ||||
margin-top: var(--bs-navbar-brand-padding-y); | ||||
margin-bottom: var(--bs-navbar-brand-padding-y); | ||||
} | ||||
} | ||||
} | } | |||
.shortcut-icon { | .shortcut-icon { | |||
background-color: inherit; | ||||
padding-left: var(--ds-icon-padding); | padding-left: var(--ds-icon-padding); | |||
padding-right: var(--ds-icon-padding); | padding-right: var(--ds-icon-padding); | |||
} | ||||
.shortcut-icon, .icon-wrapper { | ||||
background-color: inherit; | ||||
z-index: var(--ds-icon-z-index); | z-index: var(--ds-icon-z-index); | |||
align-self: baseline; | ||||
} | } | |||
.sidebar-collapsible { | .sidebar-collapsible { | |||
padding-left: 0; | ||||
padding-right: var(--bs-spacer); | ||||
width: var(--ds-sidebar-items-width); | width: var(--ds-sidebar-items-width); | |||
position: relative; | position: relative; | |||
a { | .toggle { | |||
padding-right: var(--bs-spacer); | width: 100%; | |||
width: 100%; | } | |||
ul { | ||||
padding-top: var(--bs-spacer); | ||||
li a { | ||||
padding-left: var(--bs-spacer); | ||||
} | ||||
} | } | |||
} | } | |||
&.active > .sidebar-collapsible > .nav-link { | &.active > .sidebar-collapsible > .nav-link { | |||
color: var(--bs-navbar-dark-active-color); | color: var(--bs-navbar-dark-active-color); | |||
} | } | |||
} | } | |||
} | } | |||
} | } | |||
} | } | |||
} | } | |||
End of changes. 12 change blocks. | ||||
6 lines changed or deleted | 57 lines changed or added |