shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX: Width & calculation adjustments for main container (#27)

Browse Source
This commit is contained in:
Jordan Vidrine
2025-03-07 12:01:26 -06:00
committed by GitHub
parent 3777405f0b
commit 35a4642042
2 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/box-view.scss
+2 -5
View File
@@ -17,8 +17,8 @@
} }
} }
.has-full-page-chat .experimental-screen { .has-full-page-chat .chat-replying-indicator-container {
display: none; margin-bottom: var(--d-border-radius-large);
} }
.experimental-screen { .experimental-screen {
@@ -26,9 +26,6 @@
display: none; display: none;
} }
max-width: unset !important; max-width: unset !important;
.has-full-page-chat & {
display: none;
}
@media screen and (max-width: 488px) { @media screen and (max-width: 488px) {
display: none; display: none;
} }
scss/main.scss
+6 -9
View File
@@ -21,7 +21,7 @@ body.has-full-page-chat:not(.has-sidebar-page) {
background-color: var(--background-color); background-color: var(--background-color);
} }
#main-outlet-wrapper { #main-outlet-wrapper {
--main-grid-gap: 0; gap: var(--main-grid-gap);
.full-page-chat.full-page-chat-sidebar-enabled, .full-page-chat.full-page-chat-sidebar-enabled,
.c-navbar-container { .c-navbar-container {
border-top-right-radius: 0; border-top-right-radius: 0;
@@ -37,6 +37,10 @@ body.has-sidebar-page #main-outlet-wrapper {
} }
} }
body:not(.has-sidebar-page) #main-outlet-wrapper {
grid-template-columns: 0px 1fr 0px;
}
body:not(.has-full-page-chat) { body:not(.has-full-page-chat) {
@include breakpoint(extra-large, $rule: min-width) { @include breakpoint(extra-large, $rule: min-width) {
background-color: var(--background-color); background-color: var(--background-color);
@@ -57,14 +61,7 @@ body:not(.has-full-page-chat) {
#main-outlet { #main-outlet {
width: 100%; width: 100%;
padding-bottom: var(--spacing-block-l); padding-bottom: var(--spacing-block-l);
// height: inherit; max-width: unset;
// overflow: scroll;
// &:has(.list-controls) {
// padding-top: 0;
// }
// &:has(#topic-title) {
// padding-top: 0;
// }
//thanks to random container elements on the page, I can't do a direct child selector here because it targets all the randomness, so I see no other option than MANUALLY adding every possible element that can appear in the main outlet YAY //thanks to random container elements on the page, I can't do a direct child selector here because it targets all the randomness, so I see no other option than MANUALLY adding every possible element that can appear in the main outlet YAY
.list-controls, .list-controls,
.list-container, .list-container,