From 884c0141c6a32de65d9190b6001072e760ef827a Mon Sep 17 00:00:00 2001 From: Edwin Noorlander Date: Mon, 10 Aug 2026 16:17:17 +0200 Subject: [PATCH] Override Bootstrap nav-tabs CSS variables: border-radius, border-width, border-color - Set --bs-nav-tabs-border-radius: 0 - Set --bs-nav-tabs-border-width: 0 - Set --bs-nav-tabs-border-color: transparent - Add border-radius: 0 !important on .nav-tabs --- themes/default/assets/css/theme.css | 4 ++++ themes/default/assets/css_compiled/theme.css | 4 ++++ themes/default/assets/scss/theme.scss | 4 ++++ 3 files changed, 12 insertions(+) diff --git a/themes/default/assets/css/theme.css b/themes/default/assets/css/theme.css index db6c6db..10095d6 100644 --- a/themes/default/assets/css/theme.css +++ b/themes/default/assets/css/theme.css @@ -211,8 +211,12 @@ } } .nav-tabs { + --bs-nav-tabs-border-radius: 0; + --bs-nav-tabs-border-width: 0; + --bs-nav-tabs-border-color: transparent; background-color: transparent !important; border: none !important; + border-radius: 0 !important; } .nav-tabs .nav-link { background-color: transparent !important; diff --git a/themes/default/assets/css_compiled/theme.css b/themes/default/assets/css_compiled/theme.css index db6c6db..10095d6 100644 --- a/themes/default/assets/css_compiled/theme.css +++ b/themes/default/assets/css_compiled/theme.css @@ -211,8 +211,12 @@ } } .nav-tabs { + --bs-nav-tabs-border-radius: 0; + --bs-nav-tabs-border-width: 0; + --bs-nav-tabs-border-color: transparent; background-color: transparent !important; border: none !important; + border-radius: 0 !important; } .nav-tabs .nav-link { background-color: transparent !important; diff --git a/themes/default/assets/scss/theme.scss b/themes/default/assets/scss/theme.scss index 1f2c87e..9f63306 100644 --- a/themes/default/assets/scss/theme.scss +++ b/themes/default/assets/scss/theme.scss @@ -278,8 +278,12 @@ $header-bg-opacity: 1; // Remove nav-tabs background so it inherits from parent .nav-tabs { + --bs-nav-tabs-border-radius: 0; + --bs-nav-tabs-border-width: 0; + --bs-nav-tabs-border-color: transparent; background-color: transparent !important; border: none !important; + border-radius: 0 !important; .nav-link { background-color: transparent !important;