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 {
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) {
&.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;
#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;
}
// 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 {
width: 100%;
height: inherit;
overflow: scroll;
&:has(.list-controls) {
padding-top: 0;
}
&:has(#topic-title) {
padding-top: 0;
}
max-width: 1000px;
// 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(
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);
// 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;
padding: 1.5rem 2rem 0.5em;
position: sticky;
top: 0;
top: var(--header-offset);
background: var(--secondary);
}
scss/nav-pills.scss
+1 -1
View File
@@ -1,6 +1,6 @@
.list-controls {
position: sticky;
top: 0;
top: var(--header-offset);
background: var(--secondary);
z-index: 100;
padding: 1.5rem 0 1rem 0;