From 3816c49bbfeeac9881aa5f81d417a612c93bd5d4 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Wed, 19 Mar 2025 00:02:45 +0800
Subject: [PATCH] Tiny misc fixes (#59)

---
 common/common.scss | 13 +++++++------
 scss/buttons.scss  | 13 +++++--------
 scss/composer.scss | 40 ++++++++++++++++++++++++++++++++++++++++
 scss/misc.scss     |  1 -
 scss/sidebar.scss  | 11 ++++-------
 scss/topic.scss    |  4 ++++
 6 files changed, 60 insertions(+), 22 deletions(-)
 create mode 100644 scss/composer.scss

diff --git a/common/common.scss b/common/common.scss
index 2b83969..c4ce8bc 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -1,16 +1,17 @@
+@import "box-view";
 @import "buttons";
+@import "chat";
+@import "color-choice";
+@import "color-exploration";
+@import "composer";
 @import "header";
 @import "hiddenstuff";
 @import "main";
+@import "misc";
+@import "mobile-stuff";
 @import "nav-pills";
 @import "search-banner";
 @import "sidebar";
 @import "topic";
 @import "topic-cards";
 @import "variables";
-@import "box-view";
-@import "chat";
-@import "misc";
-@import "mobile-stuff";
-@import "color-exploration";
-@import "color-choice";
diff --git a/scss/buttons.scss b/scss/buttons.scss
index 4447084..2a2f297 100644
--- a/scss/buttons.scss
+++ b/scss/buttons.scss
@@ -8,15 +8,12 @@
 
 .sidebar-new-topic-button__wrapper .topic-drafts-menu-trigger.btn.no-text {
   background: var(--accent-color);
-  &:hover {
-    background: radial-gradient(
-        90% 110% at 50% 50%,
-        rgba(255, 255, 255, 0.3) 0%,
-        rgba(255, 255, 255, 0) 100%
-      ),
-      var(--accent-color);
+  &:hover,
+  &:focus-visible {
+    background: oklch(from var(--accent-color) 40% c h) !important;
+    box-shadow: none;
   }
-  svg {
+  .d-icon {
     color: var(--accent-text-color);
   }
 }
diff --git a/scss/composer.scss b/scss/composer.scss
new file mode 100644
index 0000000..d00c8bb
--- /dev/null
+++ b/scss/composer.scss
@@ -0,0 +1,40 @@
+#reply-control
+  .select-kit.dropdown-select-box.composer-actions
+  .select-kit-header {
+  border: 1px solid var(--tertiary-700);
+  background: var(--secondary);
+  &:hover {
+    .d-icon {
+      color: var(--accent-color);
+    }
+  }
+}
+.d-editor-button-bar {
+  .btn:hover,
+  .toolbar-popup-menu-options.is-expanded {
+    .discourse-no-touch & {
+      background: var(--tertiary-very-low);
+      color: var(--accent-color);
+
+      .d-icon {
+        color: inherit;
+      }
+
+      //to have parity with regular select-kit styling used elsewhere
+      .select-kit-row {
+        .d-icon {
+          color: var(--primary-high);
+        }
+        &:hover {
+          .d-icon {
+            color: var(--primary);
+          }
+        }
+      }
+    }
+  }
+
+  .toolbar-popup-menu-options.is-expanded {
+    border-radius: var(--d-border-radius);
+  }
+}
diff --git a/scss/misc.scss b/scss/misc.scss
index a8b01ae..f6dfb8d 100644
--- a/scss/misc.scss
+++ b/scss/misc.scss
@@ -91,7 +91,6 @@ input[type="color"]:focus,
   background-color: var(--primary-50);
 }
 
-
 .alert.alert-info {
   background: var(--tertiary-very-low);
 }
diff --git a/scss/sidebar.scss b/scss/sidebar.scss
index 6e7980b..83654f7 100644
--- a/scss/sidebar.scss
+++ b/scss/sidebar.scss
@@ -28,7 +28,6 @@
     border-radius: 0px;
   }
 }
-
 .sidebar-section-wrapper {
   @include breakpoint(extra-large, $rule: min-width) {
     padding-block: 0.45em;
@@ -39,7 +38,7 @@
     }
   }
   .sidebar-section-header {
-    font-size: var(--font-down-1);
+    font-size: var(--font-down-2);
   }
   .sidebar-section-content {
     margin: 0;
@@ -63,11 +62,9 @@
 }
 
 .sidebar-new-topic-button__wrapper {
-  margin-bottom: 1.5rem;
-  @media screen and (max-width: 1000px) {
-    .sidebar-new-topic-button .d-icon {
-      display: none;
-    }
+  margin: 0 var(--spacing-inline-m) var(--spacing-block-l);
+  .sidebar-new-topic-button .d-icon {
+    display: none;
   }
 }
 
diff --git a/scss/topic.scss b/scss/topic.scss
index c1c8bdc..2cbabad 100644
--- a/scss/topic.scss
+++ b/scss/topic.scss
@@ -107,3 +107,7 @@
   position: relative;
   right: -4px;
 }
+
+nav.post-controls .actions button {
+  font-size: var(--font-0);
+}