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

init for boxed view

Browse Source
This commit is contained in:
Jordan Vidrine
2025-02-27 08:18:39 -06:00
parent 6490217b4d
commit 4b188950e1
3 changed files with 37 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/header.scss
-3
View File
@@ -1,6 +1,3 @@
.d-header { .d-header {
box-shadow: none; box-shadow: none;
} }
.desktop-view .d-header {
background: transparent;
}
scss/main.scss
+30 -31
View File
@@ -3,34 +3,7 @@ html:not(:has(.has-full-page-chat)) {
} }
body:not(.has-full-page-chat) { body:not(.has-full-page-chat) {
background-color: #f5f8ff; &.navigation-topics #main-outlet {
#main-outlet-wrapper {
margin-top: 1.5rem;
gap: 2em !important;
height: calc(100vh - var(--header-offset) - 4rem);
box-sizing: border-box;
> * {
height: inherit;
box-sizing: border-box;
}
#main-outlet {
width: 100%;
height: inherit;
overflow: scroll;
&:has(.list-controls) {
padding-top: 0;
}
&:has(#topic-title) {
padding-top: 0;
}
> *:not(.full-page-chat) {
max-width: 1000px;
margin-inline: auto;
padding-inline: 1.5em;
}
border-radius: var(--d-border-radius-large);
border-radius: 1.25rem;
.navigation-topics & {
background: radial-gradient( background: radial-gradient(
100.59% 70.87% at 41.19% 73.28%, 100.59% 70.87% at 41.19% 73.28%,
rgba(188, 241, 238, 0.2) 0%, rgba(188, 241, 238, 0.2) 0%,
@@ -43,8 +16,34 @@ body:not(.has-full-page-chat) {
), ),
#fff; #fff;
} }
box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8; background-color: #f5f8ff;
background-color: light-dark(#ffffff, #000000); #main-outlet-wrapper {
// margin-top: 1.5rem;
// gap: 2em !important;
// height: calc(100vh - var(--header-offset) - 4rem);
// box-sizing: border-box;
// what does this do?
// > * {
// height: inherit;
// box-sizing: border-box;
// }
#main-outlet {
max-width: 1000px;
// height: inherit;
// overflow: scroll;
// &:has(.list-controls) {
// padding-top: 0;
// }
// &:has(#topic-title) {
// padding-top: 0;
// }
> *:not(.full-page-chat) {
padding-inline: 1.5em;
}
// border-radius: var(--d-border-radius-large);
// border-radius: 1.25rem;
// box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8;
// background-color: light-dark(#ffffff, #000000);
} }
} }
@@ -53,7 +52,7 @@ body:not(.has-full-page-chat) {
margin-bottom: 1em; margin-bottom: 1em;
padding: 1.5rem 2rem 0.5em; padding: 1.5rem 2rem 0.5em;
position: sticky; position: sticky;
top: 0; top: var(--header-offset);
background: var(--secondary); background: var(--secondary);
} }
scss/nav-pills.scss
+1 -1
View File
@@ -1,6 +1,6 @@
.list-controls { .list-controls {
position: sticky; position: sticky;
top: 0; top: var(--header-offset);
background: var(--secondary); background: var(--secondary);
z-index: 100; z-index: 100;
padding: 1.5rem 0 1rem 0; padding: 1.5rem 0 1rem 0;