fix style for aux-down: No clipboard history.

fcitx-contrib · Jul 1, 2024 · 35c4323 · 35c4323
1 parent da4b9ae
commit 35c4323
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/page/customize.ts b/page/customize.ts
@@ -121,7 +121,7 @@ const COMMENT_LIGHT = `${PANEL_LIGHT} .comment`
 const PAGING_BUTTON_LIGHT = `${PANEL_LIGHT} .paging .hoverable-inner svg`
 const PAGING_BUTTON_DISABLED_LIGHT = `${PANEL_LIGHT} .paging svg`
 const PREEDIT_LIGHT = `${PANEL_LIGHT} :is(.preedit, .aux-up, .aux-down)`
-const HEADER_LIGHT_BACKGROUND = `${PANEL_LIGHT} .header`
+const HEADER_LIGHT_BACKGROUND = `${PANEL_LIGHT} :is(.header, .aux-down)`
 const HOVERABLES_LIGHT_BACKGROUND = `${PANEL_LIGHT} .hoverables :is(.candidate, .paging)`
 const PANEL_LIGHT_DIVIDER_MIDDLE = `${PANEL_LIGHT} .hoverables .divider .divider-middle`
 const PANEL_LIGHT_DIVIDER_SIDE = `${PANEL_LIGHT} .hoverables .divider .divider-side`

diff --git a/page/generic.scss b/page/generic.scss
@@ -21,8 +21,8 @@ body {
   }
 }
 
-.preedit, .aux-up, .aux-down {
-  display: inline-flex;
+.preedit, .aux-up {
+  display: inline-flex; /* put the cursor on the same line with preedit */
   align-items: center;
   justify-content: center;
   line-height: 1em; /* align preedit and text cursor */
@@ -32,6 +32,15 @@ body {
   }
 }
 
+.aux-down {
+  display: flex;
+  align-items: center;
+
+  &.hidden {
+    display: none;
+  }
+}
+
 .candidate-inner {
   display: flex;
   gap: 6px;

diff --git a/page/macos.scss b/page/macos.scss
@@ -157,15 +157,15 @@ $dark-graphite: rgb(105 105 105);
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
-  .candidate, .header, .contextmenu {
+  .candidate, .header, .aux-down, .contextmenu {
     background-color: $panel-color-light;
   }
 
   .contextmenu {
     color: black;
   }
 
-  .text, .header {
+  .text, .header, .aux-down {
     color: $text-color-light;
   }
 
@@ -268,15 +268,15 @@ $dark-graphite: rgb(105 105 105);
   }
 
   /* stylelint-disable-next-line no-descending-specificity */
-  .candidate, .header, .contextmenu {
+  .candidate, .header, .aux-down, .contextmenu {
     background-color: $panel-color-dark;
   }
 
   .contextmenu {
     color: white;
   }
 
-  .text, .header {
+  .text, .header, .aux-down {
     color: $text-color-dark;
   }