bug #6632 Fix the design of the collapsed main menu (javiereguiluz)

This PR was squashed before being merged into the 4.x branch. Discussion ---------- Fix the design of the collapsed main menu Icons were not perfectly centered vertically when you collapse the main menu. #SymfonyHackday Commits ------- 89ae474 Fix the design of the collapsed main menu
EasyCorp · Dec 7, 2024 · ee475fb · ee475fb
2 parents 03f593a + 89ae474
commit ee475fb
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 3 deletions.
diff --git a/assets/css/easyadmin-theme/base.css b/assets/css/easyadmin-theme/base.css
@@ -862,6 +862,7 @@ a.user-menu-wrapper .user-details:hover {
 }
 .alert {
     border-width: 0 0 var(--border-width);
+    margin-bottom: 0;
 }
 .alert .btn-close,
 .alert .btn-close:focus {

diff --git a/assets/css/easyadmin-theme/menu.css b/assets/css/easyadmin-theme/menu.css
@@ -73,6 +73,9 @@
 
 #main-menu .menu .menu-icon {
     color: var(--sidebar-menu-icon-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
     margin-inline-end: 10px;
     text-align: center;
     block-size: 16px;

diff --git a/public/app.d6cba853.css → public/app.b1430af9.css b/public/app.d6cba853.css → public/app.b1430af9.css
diff --git a/public/entrypoints.json b/public/entrypoints.json
@@ -2,7 +2,7 @@
   "entrypoints": {
     "app": {
       "css": [
-        "/app.d6cba853.css"
+        "/app.b1430af9.css"
       ],
       "js": [
         "/app.1ecd6d7a.js"

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,5 +1,5 @@
 {
-  "app.css": "app.d6cba853.css",
+  "app.css": "app.b1430af9.css",
   "app.js": "app.1ecd6d7a.js",
   "form.js": "form.bcec6c2a.js",
   "page-layout.js": "page-layout.3347892e.js",