From e66f71516e768a6bf1663b39c8cf4d647292b3eb Mon Sep 17 00:00:00 2001 From: QuCMGisaia Date: Tue, 10 Dec 2024 18:05:15 +0100 Subject: [PATCH] wip: fix handle sizes --- .../lib/components/mapgl/mapgl.component.scss | 6 +-- .../result-list/result-list.component.scss | 46 +++++++++---------- 2 files changed, 26 insertions(+), 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 index edff4831..4ce86a9d 100644 --- 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 index 021df19d..fdb003a3 100644 --- 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;