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
+36 -37
View File
@@ -3,48 +3,47 @@ html:not(:has(.has-full-page-chat)) {
} }
body:not(.has-full-page-chat) { body:not(.has-full-page-chat) {
&.navigation-topics #main-outlet {
background: radial-gradient(
100.59% 70.87% at 41.19% 73.28%,
rgba(188, 241, 238, 0.2) 0%,
rgba(255, 255, 255, 0) 100%
),
radial-gradient(
67.07% 61.36% at 66.47% 64.15%,
rgba(162, 164, 225, 0.2) 0%,
rgba(255, 255, 255, 0) 100%
),
#fff;
}
background-color: #f5f8ff; background-color: #f5f8ff;
#main-outlet-wrapper { #main-outlet-wrapper {
margin-top: 1.5rem; // margin-top: 1.5rem;
gap: 2em !important; // gap: 2em !important;
height: calc(100vh - var(--header-offset) - 4rem); // height: calc(100vh - var(--header-offset) - 4rem);
box-sizing: border-box; // box-sizing: border-box;
> * { // what does this do?
height: inherit; // > * {
box-sizing: border-box; // height: inherit;
} // box-sizing: border-box;
// }
#main-outlet { #main-outlet {
width: 100%; max-width: 1000px;
height: inherit; // height: inherit;
overflow: scroll; // overflow: scroll;
&:has(.list-controls) { // &:has(.list-controls) {
padding-top: 0; // padding-top: 0;
} // }
&:has(#topic-title) { // &:has(#topic-title) {
padding-top: 0; // padding-top: 0;
} // }
> *:not(.full-page-chat) { > *:not(.full-page-chat) {
max-width: 1000px;
margin-inline: auto;
padding-inline: 1.5em; padding-inline: 1.5em;
} }
border-radius: var(--d-border-radius-large); // border-radius: var(--d-border-radius-large);
border-radius: 1.25rem; // border-radius: 1.25rem;
.navigation-topics & { // box-shadow: 0px 0px 1px 2px #e2e8f8, 0px 0px 24px 4px #e2e8f8;
background: radial-gradient( // background-color: light-dark(#ffffff, #000000);
100.59% 70.87% at 41.19% 73.28%,
rgba(188, 241, 238, 0.2) 0%,
rgba(255, 255, 255, 0) 100%
),
radial-gradient(
67.07% 61.36% at 66.47% 64.15%,
rgba(162, 164, 225, 0.2) 0%,
rgba(255, 255, 255, 0) 100%
),
#fff;
}
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;