Bläddra i källkod

Make the back to projects button closer to current SL.

Paulo Reis 8 år sedan
förälder
incheckning
a88538c3fd

+ 1 - 1
services/web/app/views/project/editor/header.pug

@@ -9,7 +9,7 @@ header.toolbar.toolbar-header.toolbar-with-labels(
 		)
 			i.fa.fa-fw.fa-bars.editor-menu-icon
 			p.toolbar-label #{translate("menu")}
-		a(
+		a.toolbar-header-back-projects(
 			href="/project"
 		)
 			i.fa.fa-fw.fa-level-up

+ 5 - 2
services/web/public/stylesheets/app/editor/toolbar.less

@@ -27,6 +27,10 @@
 		color: @toolbar-icon-btn-color;
 		padding: 0 5px;
 		border-radius: @border-radius-small;
+		&.toolbar-header-back-projects {
+			padding: 5px 10px 4px;
+			margin-bottom: 1px;
+		}
 		&:hover {
 			text-shadow: @toolbar-icon-btn-hover-shadow;
 			color: @toolbar-icon-btn-hover-color;
@@ -38,7 +42,7 @@
 			}
 			color: white;
 			background-color: @link-color;
-			.box-shadow(inset 0 3px 5px rgba(0, 0, 0, 0.225));
+			box-shadow: @toolbar-icon-btn-hover-boxshadow;
 			&:hover {
 				color: white;
 			}
@@ -124,7 +128,6 @@
 	}
 }
 
-
 .toolbar-small-mixin() {
 	height: 32px;
 }

+ 15 - 14
services/web/public/stylesheets/core/_common-variables.less

@@ -889,20 +889,21 @@
 @footer-padding                : 2em;
 
 // Editor header
-@toolbar-header-bg-color       : transparent;
-@toolbar-header-shadow         : 0 0 2px #ccc;
-@toolbar-btn-color             : @link-color;
-@toolbar-btn-hover-color       : @link-hover-color;
-@toolbar-btn-hover-bg-color    : darken(white, 10%);
-@toolbar-btn-hover-text-shadow : 0 1px 0 rgba(0, 0, 0, 0.15);
-@toolbar-btn-active-color      : white;
-@toolbar-btn-active-bg-color   : @link-color;
-@toolbar-btn-active-shadow     : inset 0 3px 5px rgba(0, 0, 0, 0.225);
-@toolbar-alt-bg-color          : #fafafa;
-@toolbar-icon-btn-color        : @gray-light;
-@toolbar-icon-btn-hover-color  : @gray-dark;
-@toolbar-icon-btn-hover-shadow : 0 1px 0 rgba(0, 0, 0, 0.25);
-@toolbar-border-bottom         : 1px solid @toolbar-border-color;
+@toolbar-header-bg-color          : transparent;
+@toolbar-header-shadow            : 0 0 2px #ccc;
+@toolbar-btn-color                : @link-color;
+@toolbar-btn-hover-color          : @link-hover-color;
+@toolbar-btn-hover-bg-color       : darken(white, 10%);
+@toolbar-btn-hover-text-shadow    : 0 1px 0 rgba(0, 0, 0, 0.15);
+@toolbar-btn-active-color         : white;
+@toolbar-btn-active-bg-color      : @link-color;
+@toolbar-btn-active-shadow        : inset 0 3px 5px rgba(0, 0, 0, 0.225);
+@toolbar-alt-bg-color             : #fafafa;
+@toolbar-icon-btn-color           : @gray-light;
+@toolbar-icon-btn-hover-color     : @gray-dark;
+@toolbar-icon-btn-hover-shadow    : 0 1px 0 rgba(0, 0, 0, 0.25);
+@toolbar-icon-btn-hover-boxshadow : inset 0 3px 5px rgba(0, 0, 0, 0.225);
+@toolbar-border-bottom            : 1px solid @toolbar-border-color;
 
 // Editor file-tree
 @file-tree-bg                    : transparent;

+ 16 - 15
services/web/public/stylesheets/core/ol-variables.less

@@ -157,21 +157,22 @@
 @footer-padding                 : 2em 0;
 
 // Editor header
-@toolbar-header-bg-color        : @ol-blue-gray-6;
-@toolbar-header-shadow          : none;
-@toolbar-btn-color              : #FFF;
-@toolbar-btn-hover-color        : #FFF;
-@toolbar-btn-hover-bg-color     : @ol-blue-gray-5;
-@toolbar-btn-hover-text-shadow  : none;
-@toolbar-btn-active-color       : #FFF;
-@toolbar-btn-active-bg-color    : @ol-green;
-@toolbar-btn-active-shadow      : none;
-@toolbar-border-color           : @ol-blue-gray-5;
-@toolbar-alt-bg-color           : @ol-blue-gray-5;
-@toolbar-icon-btn-color         : #FFF;
-@toolbar-icon-btn-hover-color   : #FFF;
-@toolbar-icon-btn-hover-shadow  : none;
-@toolbar-border-bottom          : 1px solid @toolbar-border-color;
+@toolbar-header-bg-color          : @ol-blue-gray-6;
+@toolbar-header-shadow            : none;
+@toolbar-btn-color                : #FFF;
+@toolbar-btn-hover-color          : #FFF;
+@toolbar-btn-hover-bg-color       : @ol-blue-gray-5;
+@toolbar-btn-hover-text-shadow    : none;
+@toolbar-btn-active-color         : #FFF;
+@toolbar-btn-active-bg-color      : @ol-green;
+@toolbar-btn-active-shadow        : none;
+@toolbar-border-color             : @ol-blue-gray-5;
+@toolbar-alt-bg-color             : @ol-blue-gray-5;
+@toolbar-icon-btn-color           : #FFF;
+@toolbar-icon-btn-hover-color     : #FFF;
+@toolbar-icon-btn-hover-shadow    : none;
+@toolbar-icon-btn-hover-boxshadow : none;
+@toolbar-border-bottom            : 1px solid @toolbar-border-color;
 // Editor file-tree
 @file-tree-bg                   : @ol-blue-gray-4;
 @file-tree-line-height          : 2.05;