Explorar el Código

Even more adjustments to make the SL theme closer to original.

Paulo Reis hace 9 años
padre
commit
1c9d5828b1

+ 4 - 11
services/web/public/stylesheets/app/project-list.less

@@ -131,7 +131,7 @@ ul.folders-menu {
 			line-height: @folders-menu-line-height;
 			line-height: @folders-menu-line-height;
 			display: block;
 			display: block;
 			color: @sidebar-link-color;
 			color: @sidebar-link-color;
-			padding: @folders-menu-item-v-padding (@grid-gutter-width / 2);
+			padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
 			border-bottom: solid 1px transparent;
 			border-bottom: solid 1px transparent;
 			&:hover {
 			&:hover {
 				background-color: @sidebar-hover-bg;
 				background-color: @sidebar-hover-bg;
@@ -167,7 +167,7 @@ ul.folders-menu {
 		color: @folders-title-color;
 		color: @folders-title-color;
 		line-height: @folders-title-line-height;
 		line-height: @folders-title-line-height;
 		text-transform: @folders-title-text-transform;
 		text-transform: @folders-title-text-transform;
-		padding: @folders-menu-item-v-padding (@grid-gutter-width / 2);
+		padding: @folders-title-padding;
 		font-weight: @folders-title-font-weight;
 		font-weight: @folders-title-font-weight;
 		font-family: @font-family-sans-serif;
 		font-family: @font-family-sans-serif;
 	}
 	}
@@ -210,18 +210,11 @@ ul.folders-menu {
 		}
 		}
 		a.tag-name {
 		a.tag-name {
 			padding: @folders-tag-padding;
 			padding: @folders-tag-padding;
-			margin-right: @folders-tag-margin-right;
 			display: @folders-tag-display;
 			display: @folders-tag-display;
 			position: relative;
 			position: relative;
-			i {
-				position: @folders-tag-icon-position;
-				top: 5px;
-				left: 6px;
-			}
 			span.name {
 			span.name {
-				display: inline-block;
-				padding-left: @folders-tag-spacing;
-				line-height: 1.4;
+				padding-left: 0.5em;
+				line-height: @folders-tag-line-height;
 			}
 			}
 		}
 		}
 		.tag-menu {
 		.tag-menu {

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

@@ -831,18 +831,18 @@
 @folders-menu-margin: 0;
 @folders-menu-margin: 0;
 @folders-menu-line-height: 1.2;
 @folders-menu-line-height: 1.2;
 @folders-menu-item-v-padding: (@line-height-computed / 4);
 @folders-menu-item-v-padding: (@line-height-computed / 4);
-@folders-title-margin-top: @line-height-computed / 2;
-@folders-title-margin-bottom: @line-height-computed / 4;
+@folders-menu-item-h-padding: (@line-height-computed / 4);
+@folders-title-padding: 0;
+@folders-title-margin-top: (@line-height-computed / 2);
+@folders-title-margin-bottom: (@line-height-computed / 4);
 @folders-title-font-size: @font-size-base;
 @folders-title-font-size: @font-size-base;
 @folders-title-font-weight: 500;
 @folders-title-font-weight: 500;
 @folders-title-line-height: @headings-line-height;
 @folders-title-line-height: @headings-line-height;
 @folders-title-color: inherit;
 @folders-title-color: inherit;
 @folders-title-text-transform: none;
 @folders-title-text-transform: none;
-@folders-tag-icon-position: absolute;
-@folders-tag-padding: 2px (@line-height-computed / 4);
-@folders-tag-spacing: 22px;
+@folders-tag-padding: 2px 20px 2px @folders-menu-item-h-padding;
+@folders-tag-line-height: 1.8;
 @folders-tag-display: block;
 @folders-tag-display: block;
-@folders-tag-margin-right: 18px;
 @folders-tag-menu-color: @gray;
 @folders-tag-menu-color: @gray;
 @folders-tag-hover: darken(@gray-lightest, 2%);
 @folders-tag-hover: darken(@gray-lightest, 2%);
 @folders-tag-border-color: @text-color;
 @folders-tag-border-color: @text-color;

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

@@ -107,6 +107,8 @@
 @folders-menu-margin            : 0 -(@grid-gutter-width / 2);;
 @folders-menu-margin            : 0 -(@grid-gutter-width / 2);;
 @folders-menu-line-height       : @structured-list-line-height;
 @folders-menu-line-height       : @structured-list-line-height;
 @folders-menu-item-v-padding    : 0;
 @folders-menu-item-v-padding    : 0;
+@folders-menu-item-h-padding    : (@grid-gutter-width / 2);
+@folders-title-padding          : @folders-menu-item-v-padding @folders-menu-item-v-padding;
 @folders-title-margin-top       : 0;
 @folders-title-margin-top       : 0;
 @folders-title-margin-bottom    : 0;
 @folders-title-margin-bottom    : 0;
 @folders-title-font-weight      : normal;
 @folders-title-font-weight      : normal;
@@ -115,10 +117,8 @@
 @folders-title-color            : @ol-blue-gray-3;
 @folders-title-color            : @ol-blue-gray-3;
 @folders-title-text-transform   : uppercase;
 @folders-title-text-transform   : uppercase;
 @folders-tag-display            : block;
 @folders-tag-display            : block;
-@folders-tag-margin-right       : 0;
-@folders-tag-icon-position      : static;
-@folders-tag-padding            : @folders-menu-item-v-padding (@grid-gutter-width / 2);
-@folders-tag-spacing            : 0.5em;
+@folders-tag-line-height        : 1.4;
+@folders-tag-padding            : @folders-menu-item-v-padding 20px @folders-menu-item-v-padding @folders-menu-item-v-padding;
 @folders-tag-menu-color         : #FFF;
 @folders-tag-menu-color         : #FFF;
 @folders-tag-hover              : @sidebar-hover-bg;
 @folders-tag-hover              : @sidebar-hover-bg;
 @folders-tag-border-color       : @folders-tag-menu-color;
 @folders-tag-border-color       : @folders-tag-menu-color;