Revision: 47641
Author:   abogaart
Date:     2014-12-17 15:10:24 +0100 (Wed, 17 Dec 2014)
Log Message:
-----------
CMS7-8543: Applied better alignment according to Anton's feedback

Modified Paths:
--------------
    
hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_editor_toolbar.less

Modified: 
hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_editor_toolbar.less
===================================================================
--- 
hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_editor_toolbar.less
        2014-12-17 13:59:44 UTC (rev 47640)
+++ 
hippo-cms7/cms/branches/cms-restyling/api/src/main/styling/less/_editor_toolbar.less
        2014-12-17 14:10:24 UTC (rev 47641)
@@ -22,13 +22,21 @@
 
     > li {
       float: left;
-      min-width: unit(@editor-toolbar-item-minwidth, px);
       height: unit(@editor-toolbar-height, px);
 
-      &.menu-item:hover {
+      &:first-child a {
+        padding-left: 12px;
+      }
+
         a {
           text-decoration: none;
+        padding-left: 8px;
+        padding-right: 4px;
+      }
 
+      &.menu-item:hover {
+        a {
+
           &.menu-action .menu-action-text,
           &.hippo-toolbar-section-button {
             color: @editor-toolbar-hover-color;
@@ -43,11 +51,9 @@
       }
 
       a.hippo-toolbar-section-button {
-        text-decoration: none;
         
         &.menu-item-active {
           color: @editor-toolbar-active-color;
-          text-decoration: none;
         }
       }
 
@@ -60,15 +66,13 @@
       }
 
       &.menu-label-item {
-        white-space: nowrap;
+        margin-left: 12px;
+        // Firefox will render the label 1px lower than Chrome/Safari if 
line-height is not set to 14px
+        line-height: 14px;
         color: @editor-toolbar-color;
-        margin-left: 12px;
-        
-        .menu-label {
           padding-top: 14px;
           white-space: nowrap;
         }
-      }
    
       // Buttons like 'Edit' & 'Save'
       .menu-action {
@@ -75,7 +79,7 @@
         display: block;
         cursor: pointer;
         height: unit(@editor-toolbar-height, px);
-        text-align: right;
+        padding-left: 8px;
 
         .menu-action-icon {
           position: relative;
@@ -86,7 +90,6 @@
           position: relative;
           top: 10px;
           color: @cool-shale;
-          padding-right: unit(@editor-toolbar-item-margin-right, px);
         }
       }
 
@@ -132,6 +135,11 @@
           position: absolute;
           left: 0;
 
+          a {
+            padding-left: 0;
+            padding-right: 0;
+          }
+
           .hippo-toolbar-menu-item-button-icon {
             margin-left: 4px;
             margin-right: 8px;

_______________________________________________
Hippocms-svn mailing list
[email protected]
https://lists.onehippo.org/mailman/listinfo/hippocms-svn

Reply via email to