fix: dimmed tags issue on safari + increase tag density

2022-05-10 10:43:24 -05:00
parent d7ba3935ed
commit 072af12ffe
2 changed files with 3 additions and 5 deletions
--- a/app/assets/stylesheets/_columns.scss
+++ b/app/assets/stylesheets/_columns.scss
@@ -4,7 +4,7 @@
 }

 .app-column-first {
-  width: 180px;
+  width: 220px;
  flex-shrink: 0.2;
 }

--- a/app/assets/stylesheets/_navigation.scss
+++ b/app/assets/stylesheets/_navigation.scss
@@ -73,10 +73,7 @@ $content-horizontal-padding: 16px;
  .tag,
  .root-drop {
    font-size: 14px;
-    line-height: 18px;
-
-    min-height: 29px;
-    padding: 5px 14px;
+    padding: 4px 14px;
    cursor: pointer;
    transition: height 0.1s ease-in-out;
    position: relative;
@@ -127,6 +124,7 @@ $content-horizontal-padding: 16px;
        background-color: transparent;
        font-weight: 600;
        color: var(--sn-stylekit-secondary-foreground-color);
+        -webkit-text-fill-color: var(--sn-stylekit-secondary-foreground-color);
        border: none;
        cursor: pointer;
        text-overflow: ellipsis;