From 50de56cc3034f3bcc7a305473516b01e558f7b8c Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Wed, 13 Nov 2024 15:51:40 +0300 Subject: [PATCH 1/2] tabs --- .../css/components-business-metrics.css | 30 +++++++++++++++++++ .../resources/css/inbox-business-metrics.css | 1 + 2 files changed, 31 insertions(+) diff --git a/frontend/src/resources/css/components-business-metrics.css b/frontend/src/resources/css/components-business-metrics.css index b6c064a..39a268c 100644 --- a/frontend/src/resources/css/components-business-metrics.css +++ b/frontend/src/resources/css/components-business-metrics.css @@ -59,10 +59,40 @@ border: 0; } +.webbpm.ervu_business_metrics .nav-tabs { + justify-content: center; + border: 1px solid var(--border); + border-bottom: 0; +} +.webbpm.ervu_business_metrics .nav-tabs ~ .tab-active > .active { + padding: var(--indent-base) var(--indent-medium); + border: 1px solid var(--border); + border-radius: 0 0 var(--indent-small) var(--indent-small); + background-color: var(--white); + box-shadow: var(--shadow); +} +.webbpm.ervu_business_metrics .nav-tabs .nav-item.active { + position: relative; +} +.webbpm.ervu_business_metrics .nav-tabs .nav-item.active::before { + position: absolute; + content: ""; + width: 100%; + height: 2px; + bottom: 1px; + border-radius: 2px 2px 0 0; + background-color: var(--color-text-active); + box-shadow: 0 -1px 2px 0px rgba(20, 135, 207, 0.3); +} +.webbpm.ervu_business_metrics .nav-tabs .nav-item + .nav-item { + margin-left: 16px; +} .webbpm.ervu_business_metrics .nav-tabs .nav-link { color: var(--color-text-mute); + font-family: 'GolosM'; font-size: var(--size-text-secondary); text-transform: uppercase; + padding: 10px 0; border: 0; background-color: transparent !important; } diff --git a/frontend/src/resources/css/inbox-business-metrics.css b/frontend/src/resources/css/inbox-business-metrics.css index 3dcdaa8..788d039 100644 --- a/frontend/src/resources/css/inbox-business-metrics.css +++ b/frontend/src/resources/css/inbox-business-metrics.css @@ -1,6 +1,7 @@ .webbpm.ervu_business_metrics { --white: #fff; --color-text-primary: #020c12; + --color-text-active: #015e98; --color-text-mute: rgba(2, 12, 18, 0.58); --color-link: #015e98; From 02d7bedbfdb84a036916a3c4f30b3237b56f92ff Mon Sep 17 00:00:00 2001 From: "m.epshtein" Date: Wed, 13 Nov 2024 16:17:25 +0300 Subject: [PATCH 2/2] // --- frontend/src/resources/css/components-business-metrics.css | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/resources/css/components-business-metrics.css b/frontend/src/resources/css/components-business-metrics.css index 39a268c..ab60d3e 100644 --- a/frontend/src/resources/css/components-business-metrics.css +++ b/frontend/src/resources/css/components-business-metrics.css @@ -63,6 +63,7 @@ justify-content: center; border: 1px solid var(--border); border-bottom: 0; + border-radius: var(--indent-small) var(--indent-small) 0 0; } .webbpm.ervu_business_metrics .nav-tabs ~ .tab-active > .active { padding: var(--indent-base) var(--indent-medium);