mirror of
https://github.com/discourse/discourse.git
synced 2026-08-09 19:36:44 +08:00
fd9cb71f25Horizon needed some tweaks to show the livestream chat area. * Changed the grid column layout when livestream is active * Styled the live stream chat area - Note: Making this area have rounded corners at the bottom is a lot harder than it would seem, due to our hacky implementation for the main outlet. Opting to leave this as-is. * Changed how the right-side gap is provided; changing from using the grid gap to padding. Sister PR of https://github.com/discourse/discourse-livestream/pull/70 | BC | AC | |--------|--------| | <img width="1986" height="1658" alt="CleanShot 2025-12-08 at 16 20 38@2x" src="https://github.com/user-attachments/assets/28efe1a3-08ed-49de-b609-cadc4c17afde" /> | <img width="1986" height="1658" alt="CleanShot 2025-12-08 at 16 18 45@2x" src="https://github.com/user-attachments/assets/e1590aac-3004-48c3-a0fa-cfbf151e4fb9" /> |
66 lines
1.4 KiB
SCSS
Vendored
66 lines
1.4 KiB
SCSS
Vendored
@use "lib/viewport";
|
|
|
|
.custom-homepage-columns {
|
|
.header-wrapper {
|
|
@include viewport.from(lg) {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
}
|
|
|
|
.topic-list .topic-list-item {
|
|
height: auto;
|
|
|
|
&:nth-child(odd) {
|
|
background: var(--topic-list-item-background-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
.b-header {
|
|
.nav-pills > li > a:hover {
|
|
.discourse-no-touch & {
|
|
color: var(--secondary);
|
|
}
|
|
}
|
|
|
|
.nav-pills > li > a:hover::after {
|
|
.discourse-no-touch & {
|
|
background: var(--secondary);
|
|
}
|
|
}
|
|
}
|
|
|
|
// theme component: https://github.com/discourse/discourse-minimal-category-boxes
|
|
.custom-category-boxes-container {
|
|
@include viewport.until(sm) {
|
|
padding-inline: var(--space-4);
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
|
|
@include viewport.from(md) {
|
|
#main-outlet {
|
|
div[class^="category-title-header"] {
|
|
width: calc(100% - (2 * var(--space-4)));
|
|
border-radius: var(--d-border-radius-large);
|
|
max-width: calc(1000px - 3rem) !important;
|
|
}
|
|
|
|
.list-container div[class^="category-title-header"] {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
// livestream plugin: https://github.com/discourse/discourse-livestream
|
|
.tag-livestream.chat-enabled.archetype-regular {
|
|
#custom-chat-container {
|
|
margin-left: 0;
|
|
border-top-left-radius: var(--d-border-radius-large);
|
|
border-top-right-radius: var(--d-border-radius-large);
|
|
}
|
|
|
|
.container.posts {
|
|
grid-template-columns: auto auto;
|
|
}
|
|
}
|
