fix: unused CSS selector `".jse-column-header span.jse-column-sort-ic…

…on"`
josdejong · Jun 8, 2023 · 51c1d54 · 51c1d54
1 parent 30bfadd
commit 51c1d54
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 18 deletions.
diff --git a/src/lib/components/modes/tablemode/ColumnHeader.scss b/src/lib/components/modes/tablemode/ColumnHeader.scss
@@ -1,23 +1,7 @@
 @import '../../../styles';
 
 .jse-column-header {
-  background: none;
-  border: none;
-  font-family: inherit;
-  font-size: inherit;
-  color: inherit;
-  display: flex;
-  gap: $padding;
-  padding: $padding-half var(--jse-padding) $padding-half $padding-half;
-  width: 100%;
-
-  &:hover {
-    background: var(--jse-table-header-background-highlight);
-  }
-
-  &:not(&.jse-readonly) {
-    cursor: pointer;
-  }
+  @include jse-column-header-mixin;
 
   span.jse-column-sort-icon {
     height: 1em;

diff --git a/src/lib/components/modes/tablemode/RefreshColumnHeader.scss b/src/lib/components/modes/tablemode/RefreshColumnHeader.scss
@@ -0,0 +1,5 @@
+@import '../../../styles';
+
+.jse-column-header {
+  @include jse-column-header-mixin;
+}
diff --git a/src/lib/components/modes/tablemode/RefreshColumnHeader.svelte b/src/lib/components/modes/tablemode/RefreshColumnHeader.svelte
@@ -20,4 +20,4 @@
   <Icon data={faRotate} />
 </button>
 
-<style src="./ColumnHeader.scss"></style>
+<style src="./RefreshColumnHeader.scss"></style>
diff --git a/src/lib/styles.scss b/src/lib/styles.scss
@@ -108,3 +108,23 @@ $errors-overview-max-height: 25%;
     background: var(--jse-input-background-readonly);
   }
 }
+
+@mixin jse-column-header-mixin {
+  background: none;
+  border: none;
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  display: flex;
+  gap: $padding;
+  padding: $padding-half var(--jse-padding) $padding-half $padding-half;
+  width: 100%;
+
+  &:hover {
+    background: var(--jse-table-header-background-highlight);
+  }
+
+  &:not(&.jse-readonly) {
+    cursor: pointer;
+  }
+}