🐛 Delete empty or fuzzy translations

frontend/src/app/main/ui/workspace/sidebar/shortcuts.cljs

@@ -198,7 +198,6 @@
     (tr "shortcuts.toggle-lock")
     (tr "shortcuts.toggle-lock-size")
     (tr "shortcuts.toggle-rulers")
-    (tr "shortcuts.toggle-rules")
     (tr "shortcuts.toggle-snap-guides")
     (tr "shortcuts.toggle-snap-ruler-guide")
     (tr "shortcuts.toggle-textpalette")

frontend/src/app/main/ui/workspace/tokens/token_pill.scss

@@ -53,6 +53,31 @@
     --token-pill-accent: var(--color-background-tertiary);
   }
 }
+.name-wrapper {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.group-name-wrapper::before, span::after {
+  vertical-align: middle;
+  display: inline-block;
+  max-width: 50%;
+  overflow: hidden;
+  white-space: pre;
+}
+
+.group-name-wrapper::before {
+  content: attr(data-content-start);
+  text-overflow: ellipsis;
+}
+
+.group-name-wrapper::after {
+  content: attr(data-content-end);
+  text-overflow: '';
+  direction: rtl;
+}
 
 .token-pill-applied {
   --token-pill-background: var(--color-token-background);
@@ -84,8 +109,7 @@
   }
 }
 
-.token-pill-invalid,
-.token-pill-invalid-applied {
+.token-pill-invalid {
   --token-pill-background: var(--color-background-tertiary);
   --token-pill-foreground: var(--color-foreground-error);
   --token-pill-border: var(--color-background-tertiary);
@@ -101,6 +125,15 @@
   }
 }
 
+.token-pill-invalid-applied {
+  --token-pill-border: var(--color-foreground-error);
+  &:hover,
+  &:focus-visible,
+  &:disabled {
+    --token-pill-border: var(--color-foreground-error);
+  }
+}
+
 .token-pill-icon {
   color: var(--token-pill-accent);
 }