From df901db1f819ff9c3cb5478845820a74d6c65aca Mon Sep 17 00:00:00 2001 From: Aman Khan <79637672+amankhangit@users.noreply.github.com> Date: Mon, 23 Sep 2024 16:19:50 +0530 Subject: [PATCH] [Bug fix] Tooltip support added for Theme & Settings in the Navigation bar (#1947) * length of card which was getting displayed on hovering is reduced * issue #1818 solved * issue #1818 fixed * theme.css changed to previous code * issue #1801 fixed * navbar.html updated * multi language fixed --- src/main/resources/static/css/navbar.css | 28 +++++++++++++++++++ src/main/resources/static/css/theme/font.css | 2 +- .../resources/templates/fragments/navbar.html | 4 +-- 3 files changed, 31 insertions(+), 3 deletions(-) diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css index ca543ee4..96255e0c 100644 --- a/src/main/resources/static/css/navbar.css +++ b/src/main/resources/static/css/navbar.css @@ -128,6 +128,34 @@ span.icon-text::after { color: var(--md-sys-color-on-surface-variant); } +.nav-item { + position: relative; +} + +.tooltip-text { + visibility: hidden; + background-color: rgb(71 67 67 / 80%); + color: #fff; + text-align: center; + border-radius: 4px; + padding: 5px; + position: absolute; + z-index: 1; + top: 100%; + left: 50%; + transform: translateX(-50%); + opacity: 0; + transition: opacity 0.3s; + font-size: 12px; + white-space: nowrap; + margin-top: 5px; +} + +.nav-item:hover .tooltip-text { + visibility: visible; + opacity: 1; +} + .dropdown-menu.scrollable-y { overflow-y: scroll; height: 360px; diff --git a/src/main/resources/static/css/theme/font.css b/src/main/resources/static/css/theme/font.css index f245dd32..547db7ca 100644 --- a/src/main/resources/static/css/theme/font.css +++ b/src/main/resources/static/css/theme/font.css @@ -19,4 +19,4 @@ direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; -} \ No newline at end of file +} diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html index 70475b54..b852569d 100644 --- a/src/main/resources/templates/fragments/navbar.html +++ b/src/main/resources/templates/fragments/navbar.html @@ -316,7 +316,7 @@ dark_mode - +