From acc9cf29e081fd9e20504ca54a25c4b4be3dd484 Mon Sep 17 00:00:00 2001 From: Tatjana Kaschperko Lindt Date: Tue, 10 Dec 2024 10:32:17 +0100 Subject: [PATCH 1/3] style(navigation): adjust icon size for FA icons Signed-off-by: Tatjana Kaschperko Lindt --- css/navigation.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/navigation.css b/css/navigation.css index 708da6a..d78fcec 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -2,6 +2,10 @@ div[data-cy-files-navigation].app-navigation:has(nav#app-navigation-vue) { background-color: var(--ion-color-cool-grey-c1); .app-navigation-entry { + span[role=img]>svg { + height: 16px; + width: auto; + } border-radius: var(--border-radius-pill); &.active { background-color: var(--ion-color-cool-grey-c3) !important; From 3a2d366dfa5a0854603bbf8a84899ea57ab572d9 Mon Sep 17 00:00:00 2001 From: Tatjana Kaschperko Lindt Date: Tue, 10 Dec 2024 10:32:59 +0100 Subject: [PATCH 2/3] style(buttons, navigation): readjust drop down chevron-up and down icon size for FA icons Signed-off-by: Tatjana Kaschperko Lindt --- css/buttons.css | 4 ++-- css/navigation.css | 3 ++- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/css/buttons.css b/css/buttons.css index a1b598e..54309f1 100644 --- a/css/buttons.css +++ b/css/buttons.css @@ -297,8 +297,8 @@ /* drop down chevron-up and down icon */ .vs__open-indicator-button svg{ - height: 16px; - width: 16px; + height: 24px; + width: 24px; } div.modal-mask .modal-header { diff --git a/css/navigation.css b/css/navigation.css index d78fcec..a86efed 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -61,7 +61,8 @@ margin: 6px; background-color: transparent; span[role=img]>svg { - height: 16px; + height: 24px; + width: 24px; color: var(--ion-color-secondary); } &:hover { From 3f9e1cf5b5449edcb7b4050ac24a7f0208a5b0e2 Mon Sep 17 00:00:00 2001 From: Tatjana Kaschperko Lindt Date: Tue, 10 Dec 2024 11:02:06 +0100 Subject: [PATCH 3/3] style(navigation): adjust font-weight for app-navigation-entry Signed-off-by: Tatjana Kaschperko Lindt --- css/navigation.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/navigation.css b/css/navigation.css index a86efed..b5ef6e7 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -2,6 +2,7 @@ div[data-cy-files-navigation].app-navigation:has(nav#app-navigation-vue) { background-color: var(--ion-color-cool-grey-c1); .app-navigation-entry { + font-weight: 600; span[role=img]>svg { height: 16px; width: auto;