mod_admin: change positioning of images in connection lists. Fixes #1570

zotonic · Jan 24, 2017 · 1dd35cb · 1dd35cb
1 parent 5382930
commit 1dd35cb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 15 deletions.
diff --git a/modules/mod_admin/lib/css/zotonic-admin.css b/modules/mod_admin/lib/css/zotonic-admin.css
@@ -1274,6 +1274,7 @@ ul.tree-list li.menu-item > div {
   position: relative;
   margin: -1px 0 0 0;
   padding: 0;
+  overflow: hidden;
   background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
   background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
   background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
@@ -1327,15 +1328,9 @@ ul.tree-list li.menu-item > div .label {
   color: #999;
 }
 ul.tree-list li.menu-item img.admin-list-dashboard {
-  position: absolute;
   width: 21.33333333px;
   height: 16px;
-  left: 40px;
-  top: 50%;
-  margin-top: -8px;
-}
-ul.tree-list li.menu-item img + span {
-  padding-left: 31.33333333px;
+  margin-bottom: 2px;
 }
 ul.tree-list li.menu-item.has-submenu > div a.menu-toggle {
   display: block;
@@ -1373,6 +1368,9 @@ ul.tree-list.categories li.menu-item span.category,
 ul.tree-list.tree-list-menu li.menu-item span.category {
   display: none;
 }
+ul.tree-list.connections-list {
+  min-height: 12px;
+}
 .widget {
   margin-bottom: 15px;
   border-bottom: none;

diff --git a/modules/mod_admin/lib/less/tree-list.less b/modules/mod_admin/lib/less/tree-list.less
@@ -20,7 +20,7 @@ ul.tree-list {
 
         line-height: @_line_height;
         border: none;
-        
+
         // nested:
         li.menu-item:last-child {
             margin: 0;
@@ -48,6 +48,7 @@ ul.tree-list {
             position: relative;
             margin: -1px 0 0 0;
             padding: 0;
+            overflow: hidden;
             #3L > .gradient(#ffffff, @backgroundColorLightest);
 
             &:hover {
@@ -106,15 +107,9 @@ ul.tree-list {
 		@_img_height: 24px / 3 * 2;
 
 		img.admin-list-dashboard {
-			position: absolute;
 			width: @_img_width;
 			height: @_img_height;
-			left: @_left_spacing;
-			top: 50%;
-			margin-top: -@_img_height / 2;
-		}
-		img + span {
-			padding-left: @_img_width + 10px;
+			margin-bottom: 2px;
 		}
         &.has-submenu {
             > div {
@@ -173,3 +168,7 @@ ul.tree-list {
     }
 
 }
+
+ul.tree-list.connections-list {
+    min-height: 12px;
+}