This is an automated email from the ASF dual-hosted git repository.
jinrongtong pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/rocketmq-dashboard.git
The following commit(s) were added to refs/heads/master by this push:
new e761854 fix: align top navigation bar styles #279 (#280)
e761854 is described below
commit e76185437f6dd80e363cda35868e056c07f490ff
Author: Xu Yichi <[email protected]>
AuthorDate: Tue Apr 1 09:55:33 2025 +0800
fix: align top navigation bar styles #279 (#280)
---
src/main/resources/static/style/app.css | 5 ++++-
src/main/resources/static/view/layout/_header.html | 8 +++++++-
2 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/src/main/resources/static/style/app.css
b/src/main/resources/static/style/app.css
index f58e5a4..ee64d9b 100644
--- a/src/main/resources/static/style/app.css
+++ b/src/main/resources/static/style/app.css
@@ -300,4 +300,7 @@
background-color: rgba(0, 0, 0, 0);
cursor: text !important;
width: 60%;
-}
\ No newline at end of file
+}
+.navbar .navbar-nav .dropdown-menu li {
+ margin: 0 !important;
+}
diff --git a/src/main/resources/static/view/layout/_header.html
b/src/main/resources/static/view/layout/_header.html
index 8159138..74820c9 100644
--- a/src/main/resources/static/view/layout/_header.html
+++ b/src/main/resources/static/view/layout/_header.html
@@ -27,6 +27,9 @@
</div>
<div class="navbar-collapse collapse navbar-warning-collapse">
<ul class="nav navbar-nav">
+ <li class="nav-divider disabled">
+ <span class="divider-bar"></span>
+ </li>
<li ng-class="path =='ops' ? 'active':''"><a
ng-href="#/ops">{{'OPS' | translate}}</a></li>
<li ng-show="rmqVersion" ng-class="path =='proxy' ?
'active':''"><a ng-href="#/proxy">{{'PROXY' | translate}}</a></li>
<li ng-class="path =='dashboard' || path ==''? 'active':''"><a
ng-href="#/">{{'DASHBOARD' | translate}}</a></li>
@@ -40,6 +43,9 @@
<li ng-show="{{ show }}" ng-class="path =='acl' ?
'active':''"><a ng-href="#/acl">Acl</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
+ <li class="nav-divider disabled">
+ <span class="divider-bar"></span>
+ </li>
<li class="dropdown">
<a href="bootstrap-elements.html" data-target="#"
class="dropdown-toggle" data-toggle="dropdown">{{'CHANGE_LANG' | translate}}
<b class="caret"></b></a>
@@ -79,4 +85,4 @@
$scope.IsVisible = $scope.IsVisible = true;
}
});
-</script>
\ No newline at end of file
+</script>
