discourse/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-03-09 14:34:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Only hide section header icons when sidebar is pinned on Desktop (#17604)

Browse Source
This commit is contained in:
Alan Guo Xiang Tan 2022-07-22 14:27:46 +08:00 committed by GitHub
parent 99073338de
commit cf5e59928e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/base/sidebar-section.scss
View File

@ -49,9 +49,6 @@
background: none;
border: none;
padding: 0.25em 0.5em;
opacity: 0;
transition: opacity 0.25s;
transition-delay: 0.5s;
.d-icon {
font-size: var(--font-down-1);
@ -92,12 +89,11 @@
border: none;
background: transparent;
padding: 0;
opacity: 0;
transition: opacity 0.25s;
transition-delay: 0.5s;
.d-icon {
top: -0.1em; // visual alignment
}
.discourse-no-touch & {
&:hover {
svg {

7
app/assets/stylesheets/common/base/sidebar.scss
View File

@ -13,13 +13,6 @@
align-self: start;
overflow-y: auto;
background-color: var(--primary-very-low);
&:hover {
.sidebar-section-header-button,
.sidebar-section-header-caret {
opacity: 1;
transition-delay: 0s;
}
}
}
.sidebar-container {

20
app/assets/stylesheets/desktop/sidebar-section.scss Normal file
View File

@ -0,0 +1,20 @@
#main-outlet-wrapper {
.sidebar-wrapper {
.sidebar-section-header-button,
.sidebar-section-header-caret,
.sidebar-section-header-dropdown {
opacity: 0;
transition: opacity 0.25s;
transition-delay: 0.5s;
}
&:hover {
.sidebar-section-header-button,
.sidebar-section-header-caret,
.sidebar-section-header-dropdown {
opacity: 1;
transition-delay: 0s;
}
}
}
}