Jordan Vidrine
83 lines
1.9 KiB
SCSS
83 lines
1.9 KiB
SCSS
.d-header {
|
|
box-shadow: none;
|
|
background: var(--background-color);
|
|
@include breakpoint(extra-large, $rule: min-width) {
|
|
padding-bottom: 1.5em;
|
|
}
|
|
}
|
|
|
|
.has-full-page-chat .d-header {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.user-menu .quick-access-panel,
|
|
.user-notifications-list {
|
|
li {
|
|
&.pending,
|
|
&.unread {
|
|
background: var(--d-hover);
|
|
|
|
.discourse-no-touch & {
|
|
&:hover,
|
|
&:focus {
|
|
background: var(--d-selected);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.user-menu.revamped .tabs-list .btn.active {
|
|
background: var(--d-hover);
|
|
}
|
|
|
|
.discourse-no-touch .d-header-icons .icon:hover,
|
|
.discourse-no-touch .d-header-icons .icon:focus,
|
|
.header-sidebar-toggle button:focus:hover,
|
|
.discourse-no-touch .header-sidebar-toggle button:hover {
|
|
background-color: transparent;
|
|
}
|
|
.discourse-no-touch .d-header-icons .icon:hover > .d-icon,
|
|
.drop-down-mode .d-header-icons .active .icon > .d-icon,
|
|
.drop-down-mode
|
|
.d-header-icons
|
|
.header-color-scheme-toggle
|
|
.-expanded
|
|
> .d-icon,
|
|
.discourse-no-touch .btn-flat:hover .d-icon {
|
|
color: var(--header_primary-medium);
|
|
}
|
|
|
|
.discourse-no-touch .interface-color-selector-content {
|
|
border: none;
|
|
border-radius: var(--d-border-radius);
|
|
.btn {
|
|
border: none;
|
|
&:hover {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.drop-down-mode .d-header-icons .active .icon,
|
|
.drop-down-mode .d-header-icons .header-color-scheme-toggle .-expanded {
|
|
border-color: transparent;
|
|
}
|
|
|
|
.drop-down-mode .d-header-icons .active .icon,
|
|
.drop-down-mode .d-header-icons .header-color-scheme-toggle .-expanded {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.badge-notification {
|
|
color: var(--accent-text-color);
|
|
}
|
|
|
|
.user-menu .quick-access-panel li,
|
|
.user-notifications-list li,
|
|
.user-menu .quick-access-panel li.do-not-disturb,
|
|
.menu-panel .panel-body-bottom .btn,
|
|
.menu-panel .panel-body-bottom .btn:hover {
|
|
background-color: var(--d-content-background);
|
|
}
|