From 0b9239133071c4e8826a3da2fa5ffccbf3e05316 Mon Sep 17 00:00:00 2001 From: Johannes Weskamm Date: Tue, 3 Jan 2023 16:36:44 +0100 Subject: [PATCH] fix(layout): fix menu icons and text positioning --- src/components/ToolMenu/Draw/index.less | 1 - src/components/ToolMenu/Measure/index.less | 1 - src/components/ToolMenu/index.less | 32 ++++++++++++++++++++++ 3 files changed, 32 insertions(+), 2 deletions(-) diff --git a/src/components/ToolMenu/Draw/index.less b/src/components/ToolMenu/Draw/index.less index 27c2f718..d6b6de05 100644 --- a/src/components/ToolMenu/Draw/index.less +++ b/src/components/ToolMenu/Draw/index.less @@ -3,7 +3,6 @@ border-radius: 0; border: none; text-align: left; - padding-left: 2rem; &.btn-pressed { background-color: white; diff --git a/src/components/ToolMenu/Measure/index.less b/src/components/ToolMenu/Measure/index.less index bde23fc6..a110e205 100644 --- a/src/components/ToolMenu/Measure/index.less +++ b/src/components/ToolMenu/Measure/index.less @@ -3,7 +3,6 @@ border-radius: 0; border: none; text-align: left; - padding-left: 2rem; &.btn-pressed { background-color: white; diff --git a/src/components/ToolMenu/index.less b/src/components/ToolMenu/index.less index 670e17e2..7e6498e1 100644 --- a/src/components/ToolMenu/index.less +++ b/src/components/ToolMenu/index.less @@ -6,9 +6,41 @@ max-height: calc(100% - var(--headerHeight) - var(--footerHeight)); overflow: hidden; max-width: 600px; + min-width: 280px; box-shadow: var(--componentShadow); overflow-x: hidden; + .ant-collapse-header-text { + display: flex; + width: 100%; + + svg { + padding-top: 4px; + flex: 2; + } + + span { + flex: 10; + } + } + + .react-geo-togglegroup.vertical-toggle-group { + + button { + display: flex; + width: 100%; + + svg { + padding-top: 4px; + flex: 2; + } + + span { + flex: 10; + } + } + } + &.collapsed { width: 40px;