]> _ Git - fluidbook-html5.git/commitdiff
Menu positioning adjustments. WIP #1501 @0.5
authorStephen Cameron <stephen@cubedesigners.com>
Fri, 25 Aug 2017 12:27:50 +0000 (14:27 +0200)
committerStephen Cameron <stephen@cubedesigners.com>
Fri, 25 Aug 2017 12:27:50 +0000 (14:27 +0200)
style/mmenu/mmenu.less
style/nav-horizontal.less

index 25e40b369cd575b8dd0c64bb59ca643dae061057..90b7f34d4af844d613013c6dbb120e3aa07653bb 100644 (file)
@@ -96,7 +96,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
   position: absolute;
   right: 20px;
   top: 50%;
-  margin-top: -10px; // Half height of opening icon for centering
+  transform: translateY(-50%);
   font-size: 16px;
   line-height: 1;
   color: @icon-color;
index eacf950023b9d930f22f419ac1e346a7c1c860b1..7954fed0e6cd0af903820cda499cc16ad89984c9 100644 (file)
@@ -1,7 +1,8 @@
 #horizontalNav {
   position: absolute;
   right: 0;
-  top: 18px;
+  top: 50%;
+  transform: translateY(-50%);
 
   @media all and (max-width: @menu-breakpoint) {
     display: none;