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

DEV: main container sizing & border radius cleanup (#51)

Browse Source
This commit is contained in:
Jordan Vidrine
2025-03-14 16:12:54 -05:00
committed by GitHub
parent 8b09523510
commit 144c3dff8f
2 changed files with 9 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/chat.scss
-4
View File
@@ -1,12 +1,8 @@
.full-page-chat.full-page-chat-sidebar-enabled { .full-page-chat.full-page-chat-sidebar-enabled {
border-top-left-radius: var(--d-border-radius-large);
border-top-right-radius: var(--d-border-radius-large);
border: none; border: none;
} }
.c-navbar-container { .c-navbar-container {
border-top-left-radius: var(--d-border-radius-large);
border-top-right-radius: var(--d-border-radius-large);
padding: 0 1.5em; padding: 0 1.5em;
background-color: var(--d-content-background); background-color: var(--d-content-background);
} }
scss/main.scss
+9 -27
View File
@@ -1,3 +1,7 @@
:root {
--main-grid-gap: 2em;
}
html:not(:has(.has-full-page-chat)) { html:not(:has(.has-full-page-chat)) {
background-color: var(--background-color); background-color: var(--background-color);
} }
@@ -5,17 +9,12 @@ html:not(:has(.has-full-page-chat)) {
body { body {
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
} }
:root {
--main-grid-gap: 2em;
}
#main-outlet-wrapper { #main-outlet-wrapper {
gap: var(--main-grid-gap); gap: var(--main-grid-gap);
} }
body.has-sidebar-page.has-full-page-chat #main-outlet-wrapper { body.has-sidebar-page.has-full-page-chat #main-outlet-wrapper {
grid-column-gap: var(--main-grid-gap); gap: var(--main-grid-gap);
} }
body.has-full-page-chat:not(.has-sidebar-page) { body.has-full-page-chat:not(.has-sidebar-page) {
@@ -24,27 +23,22 @@ body.has-full-page-chat:not(.has-sidebar-page) {
} }
#main-outlet-wrapper { #main-outlet-wrapper {
gap: var(--main-grid-gap); gap: var(--main-grid-gap);
@include breakpoint("medium") { @include breakpoint(medium) {
gap: 0; gap: 0;
} }
.full-page-chat.full-page-chat-sidebar-enabled,
.c-navbar-container {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
} }
} }
body.has-sidebar-page #main-outlet-wrapper { body.has-sidebar-page #main-outlet-wrapper {
grid-template-columns: var(--d-sidebar-width) 1fr 0px; grid-template-columns: var(--d-sidebar-width) minmax(0, 1fr) 0px;
#main-outlet { #main-outlet {
max-width: unset; max-width: unset;
} }
} }
body:not(.has-sidebar-page) #main-outlet-wrapper { body:not(.has-sidebar-page) #main-outlet-wrapper {
@include breakpoint("medium", $rule: min-width) { @include breakpoint(medium, $rule: min-width) {
grid-template-columns: 0px 1fr 0px; grid-template-columns: 0px minmax(0, 1fr) 0px;
} }
} }
@@ -59,12 +53,6 @@ body:not(.has-full-page-chat) {
@include breakpoint(tablet, $rule: min-width) { @include breakpoint(tablet, $rule: min-width) {
gap: var(--main-grid-gap); gap: var(--main-grid-gap);
} }
// height: calc(100vh - var(--header-offset) - 4rem);
// box-sizing: border-box;
// > * {
// height: inherit;
// box-sizing: border-box;
// }
#main-outlet { #main-outlet {
width: 100%; width: 100%;
padding-bottom: var(--spacing-block-l); padding-bottom: var(--spacing-block-l);
@@ -96,14 +84,9 @@ body:not(.has-full-page-chat) {
@include breakpoint(medium) { @include breakpoint(medium) {
border-radius: 0px; border-radius: 0px;
} }
// box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8;
background-color: var(--d-content-background); background-color: var(--d-content-background);
} }
} }
// .global-notice {
// margin-top: var(--spacing-block-m);
// }
} }
.list-container { .list-container {
@@ -117,7 +100,6 @@ aside.onebox {
} }
.d-editor-preview-wrapper { .d-editor-preview-wrapper {
// box-shadow: 0px 0px 0px 2px var(--accent-color);
border-radius: var(--d-border-radius); border-radius: var(--d-border-radius);
padding: 1em; padding: 1em;
background-color: var(--d-content-background); background-color: var(--d-content-background);