UX: More tweaks & fixes (#22)

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 {

scss/misc.scss

@@ -43,3 +43,8 @@
 .d-editor-button-bar {
   padding: 3px;
 }
+
+a,
+a:visited {
+  color: var(--accent-color);
+}

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;

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;
+}