This is an automated email from the ASF dual-hosted git repository.
zhangyu pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ambari.git
The following commit(s) were added to refs/heads/trunk by this push:
new 0a50211247 Ambari-26513: Added Scrolling Functionality in Sidebar
Navigation Using Flex
0a50211247 is described below
commit 0a50211247e766dd4b57f6cce81f0b06b78f89bd
Author: Manish M Pillai <[email protected]>
AuthorDate: Mon Jun 23 07:34:09 2025 +0530
Ambari-26513: Added Scrolling Functionality in Sidebar Navigation Using Flex
---
ambari-web/app/styles/theme/bootstrap-ambari.css | 21 ++++++++++++++++-----
1 file changed, 16 insertions(+), 5 deletions(-)
diff --git a/ambari-web/app/styles/theme/bootstrap-ambari.css
b/ambari-web/app/styles/theme/bootstrap-ambari.css
index a3b8e2f75f..6ae7997321 100644
--- a/ambari-web/app/styles/theme/bootstrap-ambari.css
+++ b/ambari-web/app/styles/theme/bootstrap-ambari.css
@@ -906,6 +906,8 @@ th[data-qa="confirm-hosts-table-heading-cell"]
label[checked="checked"]:after {
.navigation-bar-container {
height: auto;
width: 230px;
+ display: flex;
+ flex-direction: column;
background-color: #323544;
padding: 0;
-ms-overflow-style: none;
@@ -914,6 +916,7 @@ th[data-qa="confirm-hosts-table-heading-cell"]
label[checked="checked"]:after {
}
.navigation-bar-container ul.nav.side-nav-header {
width: 230px;
+ max-height: 50px;
transition: width 0.5s ease-out;
}
.navigation-bar-container ul.nav.side-nav-header li.navigation-header {
@@ -984,6 +987,12 @@ th[data-qa="confirm-hosts-table-heading-cell"]
label[checked="checked"]:after {
width: 230px;
transition: width 0.5s ease-out;
}
+.navigation-bar-container ul.nav.side-nav-menu{
+ max-height: calc(100vh - 110px);
+}
+.navigation-bar-container ul.nav.side-nav-footer{
+ max-height: 50px;
+}
.navigation-bar-container ul.nav.side-nav-menu li,
.navigation-bar-container ul.nav.side-nav-footer li {
padding: 0;
@@ -1334,17 +1343,19 @@ th[data-qa="confirm-hosts-table-heading-cell"]
label[checked="checked"]:after {
z-index: 2079;
}
.navigation-bar-fit-height .side-nav-header {
- position: absolute;
- top: 0;
+ /* position: absolute; */
+ /* top: 0; */
}
.navigation-bar-fit-height .side-nav-menu {
- position: absolute;
- top: 55px;
+ /* position: absolute; */
+ /* top: 55px; */
}
.navigation-bar-fit-height .side-nav-footer {
- position: absolute;
+ /* position: absolute; */
+ position: fixed;
bottom: 0;
}
+
.navigation-bar-fit-height .more-actions .dropdown-menu {
position: fixed;
top: auto;
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
