Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: minor experimental sidebar alignment changes (#17292)

This commit is contained in:
Kris 2022-06-30 16:14:17 -04:00 committed by GitHub
parent 4df683f88d
commit b1f7da4fe3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,11 +4,19 @@
.header-sidebar-toggle {
margin-right: 1em;
margin-left: -10px;
@media screen and (min-width: 1300px) {
// extending the toggle beyond the page when space allows
// for better logo alignment with content
body:not(.has-sidebar-page) & {
margin-left: -3.7em;
}
}
button {
position: relative;
font-size: var(--font-up-2);
padding: 0.5em;
.discourse-no-touch & {
&:hover {

6
app/assets/stylesheets/desktop/discourse.scss
View File

@ -209,13 +209,17 @@ body.has-sidebar-page {
max-width: calc(var(--d-sidebar-width) + var(--d-max-width));
}
.d-header .wrap {
padding-left: 1.75em;
padding-left: 0;
}
#main-outlet-wrapper {
grid-template-columns: var(--d-sidebar-width) minmax(0, 1fr);
gap: 0 2em;
padding-left: 0;
}
.extra-info-wrapper {
// align docked header title with post content
margin-left: 7.7em;
}
}
body.sidebar-animate {