Shorten css classes

opendatasoft · Sep 21, 2023 · d2867e0 · d2867e0
1 parent e3ed3a0
commit d2867e0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/packages/visualizations/src/components/Legend/CategoryLegend/Item/CategoryLegendItem.svelte b/packages/visualizations/src/components/Legend/CategoryLegend/Item/CategoryLegendItem.svelte
@@ -14,7 +14,6 @@
 </script>
 
 <div
-    class="legend-item-category"
     class:refined
     style="--cursor-style: {item.onClick ? 'pointer' : 'default'};"
     on:click={() => {
@@ -41,11 +40,11 @@
 </div>
 
 <style>
-    .legend-item-category {
+    div {
         display: inline-flex;
         align-items: center;
     }
-    .legend-item-category:hover {
+    div:hover {
         cursor: var(--cursor-style);
     }
     .refined {

diff --git a/packages/visualizations/src/components/Legend/CategoryLegend/Symbols/LineSymbol.svelte b/packages/visualizations/src/components/Legend/CategoryLegend/Symbols/LineSymbol.svelte
@@ -4,7 +4,7 @@
     export let item: LineCategoryItem;
 </script>
 
-<div class:item-line-category-dashed={item.dashed} style="--border-color:{item.borderColor}" />
+<div class:dashed={item.dashed} style="--border-color:{item.borderColor}" />
 
 <style>
     div {
@@ -15,7 +15,7 @@
             2px;
         background-position-x: calc(50% - 3px);
     }
-    .item-line-category-dashed {
+    .dashed {
         background: repeating-linear-gradient(
                 to right,
                 transparent 0 3px,