diff --git a/scss/main.scss b/scss/main.scss index 42641b9..9da92b5 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -16,6 +16,20 @@ body.has-sidebar-page.has-full-page-chat #main-outlet-wrapper { grid-column-gap: var(--main-grid-gap); } +body.has-full-page-chat:not(.has-sidebar-page) { + .d-header { + background-color: var(--background-color); + } + #main-outlet-wrapper { + --main-grid-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 { grid-template-columns: var(--d-sidebar-width) 1fr 0px; #main-outlet { diff --git a/scss/misc.scss b/scss/misc.scss index f6a03aa..fa04eef 100644 --- a/scss/misc.scss +++ b/scss/misc.scss @@ -43,3 +43,8 @@ .d-editor-button-bar { padding: 3px; } + +a, +a:visited { + color: var(--accent-color); +} diff --git a/scss/topic-cards.scss b/scss/topic-cards.scss index d9ad6ec..a518443 100644 --- a/scss/topic-cards.scss +++ b/scss/topic-cards.scss @@ -29,6 +29,38 @@ $extra-large: 1280px; } } +body.bulk-select-enabled .topic-list-item { + grid-template-areas: + "bulk-select avatar author status status . activity" + ". topic-title topic-title topic-title likes-replies likes-replies category"; + .bulk-select { + grid-area: bulk-select; + padding: 0; + margin: 0; + align-self: center; + justify-self: center; + label { + margin: 0; + } + } + @media screen and (max-width: $medium) { + grid-template-columns: 44px min-content min-content auto min-content min-content min-content; + grid-template-rows: 22px minmax(22px, auto); + grid-template-areas: + "bulk-select avatar author status status . activity" + ". topic-title topic-title topic-title . . likes-replies" + ". topic-title topic-title topic-title . . category"; + } + @media screen and (max-width: $small) { + grid-template-columns: 25px auto repeat(6, 1fr); + grid-template-rows: auto auto auto; + grid-template-areas: + "bulk-select category-status category-status . . . . activity" + "topic-title topic-title topic-title topic-title topic-title topic-title topic-title topic-title" + "avatar author . . . . . likes-replies"; + } +} + body.user-messages-page .topic-list-item { .topic-category-status-data { display: none; diff --git a/scss/topic.scss b/scss/topic.scss index ab26c8c..4d4beba 100644 --- a/scss/topic.scss +++ b/scss/topic.scss @@ -102,3 +102,14 @@ margin-block: unset; margin-bottom: 1em; } + +.timeline-container.timeline-fullscreen + .topic-timeline + .timeline-scrollarea + .timeline-scroller + .timeline-handle { + float: none; + width: 5px; + position: relative; + right: -4px; +}