diff --git a/admin/themes/default/js/common.js b/admin/themes/default/js/common.js
index 64417190a..9c3fd4612 100644
--- a/admin/themes/default/js/common.js
+++ b/admin/themes/default/js/common.js
@@ -377,7 +377,7 @@ $('document').ready(function(){
hide_user_options(e)
current_link.children('.sub-link-container').css('display','block');
current_link.children('span').children('.hover').children('.icon-down-open').css('rotate','-90deg');
- }, 300));
+ }, 250));
}).mouseleave(function () {
// when mouse leaves element reset the timeout so it doesn't display the sub elements because it's not the one the user wants to display
const current_link = $(this);
diff --git a/admin/themes/default/template/admin.tpl b/admin/themes/default/template/admin.tpl
index e4d1462d1..920ed14f5 100644
--- a/admin/themes/default/template/admin.tpl
+++ b/admin/themes/default/template/admin.tpl
@@ -72,9 +72,9 @@ let username = '{$USERNAME}'
-
-
+
+
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index 08fdb81fc..f442cedeb 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -2066,10 +2066,10 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
#menubar.enlarged .user-actions.active::after {
content: "";
width: 57px;
- height: 45px;
+ height: 40px;
position: absolute;
top: 0;
- right: 0;
+ right: -20px;;
}
#menubar.reduced .user-actions.active::after {
@@ -2081,11 +2081,8 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
right: 0;
}
-#menubar .user-actions .icon-left-open{
- position:absolute;
- right:-12px;
- top:50%;
- transform:translateY(-50%);
+#menubar .user-actions .icon-left-open:before{
+ margin-top:8px;
}
#menubar .user-actions .icon-left-open::before{
@@ -2121,7 +2118,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
}
#menubar .page-link .sub-link-container i{
- font-size:11px;
+ font-size:15px;
}
#menubar .page-link .icon-down-open{
@@ -2204,8 +2201,9 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
}
#menubar .gallery-link i{
- font-size:35px;
- margin-right:10px
+ font-size:30px;
+ margin-right:10px;
+ padding:5px 0;
}
#menubar .gallery-link i::before{
@@ -2217,11 +2215,9 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
}
#menubar #reduce-enlarge{
- margin-left:15px;
- margin-bottom:15px;
display:block;
cursor:pointer;
- text-align:left;
+ text-align:center;
}
#menubar #reduce-enlarge span{
@@ -2233,6 +2229,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
padding:5px;
border-radius:5px;
display:inline-block;
+ font-size:15px;
}
#menubar .icon-reduce{
@@ -2255,7 +2252,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
#menubar .sub-link-container .sub-link{
display:flex;
- padding:8px 15px;
+ padding:5px 15px;
}
#menubar .sub-link-container a.sub-link{
@@ -2269,7 +2266,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
#menubar .user-sub-link-container{
display:none;
position: absolute;
- right: -225px;
+ right: -245px;
top: 0;
width: 205px;
border-radius: 0 15px 15px 15px;
@@ -2308,7 +2305,7 @@ html, body {height:100; min-height: 100%; margin:0; padding:0;}
width:auto;
height:24px;
display:block;
- margin-left:15px;
+ margin:0 auto;
margin-bottom:36px;
margin-top:24px;
}
@@ -2369,9 +2366,15 @@ This is for large menu
#menubar.reduced a.externalLink img{
margin:0 auto;
margin-bottom:40px;
+ margin-top:20px;
}
+#menubar.reduced .page-link .icon-down-open{
+ margin:0;
+ z-index:10;
+}
+
/*****
Mobile Menu
*****/
@@ -2473,7 +2476,9 @@ This is for the light mode
#menubar .user-sub-link-container,
#menubar .user-sub-link-container a,
#menubar #menu-username,
-#menubar #reduce-enlarge span{
+#menubar #reduce-enlarge span,
+#menubar .gallery-link,
+#menubar #reduce-enlarge i{
color:#AAAAAA;
}