mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
dddbdffea6
Change mechanism handling `more` button for sidebar. Before it was using HTML details tag. To make tests more reliable, we are switching to use ember runloop.
44 lines
1.2 KiB
SCSS
44 lines
1.2 KiB
SCSS
.btn-flat.sidebar-more-section-links-details-summary {
|
|
&:focus-within,
|
|
&:active,
|
|
&:hover {
|
|
background: var(--d-sidebar-highlight-color);
|
|
svg.d-icon {
|
|
color: var(--primary-medium);
|
|
}
|
|
}
|
|
height: var(--d-sidebar-row-height);
|
|
color: var(--primary-high);
|
|
display: flex;
|
|
list-style: none;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: var(--d-sidebar-row-vertical-padding)
|
|
var(--d-sidebar-row-horizontal-padding);
|
|
font-size: var(--d-sidebar-row-font-size);
|
|
justify-content: left;
|
|
|
|
svg.d-icon {
|
|
width: var(--d-sidebar-section-link-prefix-width);
|
|
margin-right: var(--d-sidebar-section-link-prefix-margin-right);
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
.sidebar-more-section-links-details-content {
|
|
background-color: var(--secondary);
|
|
transition: background-color 0.25s;
|
|
box-shadow: shadow("dropdown");
|
|
margin: 0 calc(var(--d-sidebar-row-horizontal-padding) * 2 / 3);
|
|
|
|
.sidebar-row {
|
|
padding: 0.33rem calc(var(--d-sidebar-row-horizontal-padding) / 3);
|
|
}
|
|
}
|
|
.sidebar-more-section-links-details-content-wrapper {
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: z("modal", "content") + 1;
|
|
position: sticky;
|
|
}
|