wip: fix handle sizes

gisaia · Dec 10, 2024 · e66f715 · e66f715
1 parent 1f123a5
commit e66f715
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 26 deletions.
diff --git a/projects/arlas-components/src/lib/components/mapgl/mapgl.component.scss b/projects/arlas-components/src/lib/components/mapgl/mapgl.component.scss
@@ -79,9 +79,9 @@
 
   --mdc-switch-track-width: 24px;
   --mdc-switch-track-height: 5px;
-  --mat-switch-unselected-handle-size: 12px;
-  --mat-switch-selected-handle-size: 12px;
-  --mat-switch-pressed-handle-size: 12px;
+  --mat-switch-unselected-handle-size: 12px !important;
+  --mat-switch-selected-handle-size: 12px !important;
+  --mat-switch-pressed-handle-size: 12px !important;
   --mdc-switch-handle-width: 12px;
   --mdc-switch-state-layer-size: 0;
 

diff --git a/projects/arlas-components/src/lib/components/results/result-list/result-list.component.scss b/projects/arlas-components/src/lib/components/results/result-list/result-list.component.scss
@@ -164,6 +164,29 @@ tr {
 .resultlist__tools {
   height: 50px;
   overflow: hidden;
+
+  &--geosort /* @doc Geo-sort toggle in the list header */ {
+    font-size: 14px;
+    padding-right: 10px;
+    margin-left: 5px;
+    flex: 1;
+    // Correct label wrapping
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    --mdc-switch-track-height: 10px;
+    --mat-switch-unselected-handle-size: 15px !important;
+    --mat-switch-selected-handle-size: 15px !important;
+    --mat-switch-pressed-handle-size: 15px !important;
+    --mdc-switch-handle-width: 15px;
+    --mdc-switch-track-width: 30px;
+    --mdc-switch-state-layer-size: 0;
+
+    .mdc-form-field--align-end>label {
+      padding-right: 10px;
+    }
+  }
 }
 
 .resultlist__grid-detail {
@@ -270,29 +293,6 @@ tr {
   cursor: pointer;
 }
 
-.resultlist__tools--geosort /* @doc Geo-sort toggle in the list header */ {
-  font-size: 14px;
-  padding-right: 10px;
-  margin-left: 5px;
-  flex: 1;
-  // Correct label wrapping
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  --mdc-switch-track-height: 10px;
-  --mat-switch-unselected-handle-size: 15px;
-  --mat-switch-selected-handle-size: 15px;
-  --mat-switch-pressed-handle-size: 15px;
-  --mdc-switch-handle-width: 15px;
-  --mdc-switch-track-width: 30px;
-  --mdc-switch-state-layer-size: 0;
-
-  .mdc-form-field--align-end>label {
-    padding-right: 10px;
-  }
-}
-
 .resultlist__tools--sort-container /* @doc Sort section in the list header */ {
   flex: 1;
   font-size: 14px;