Procházet zdrojové kódy

Make inline tags look nicer with v2 typography.

Paulo Reis před 9 roky
rodič
revize
f5751c34a9

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

@@ -345,9 +345,9 @@ ul.project-list {
 		.tag-label {
 			margin-left: @line-height-computed / 4;
 			position: relative;
-			top: -2px;
 			display: inline-block;
 			white-space: nowrap;
+			top: @tag-top-adjustment;
 		}
 			.tag-label-name,
 			.tag-label-remove {

+ 1 - 1
services/web/public/stylesheets/components/labels.less

@@ -5,7 +5,7 @@
 .label {
   display: inline;
   padding: .2em .6em .3em;
-  font-size: 75%;
+  font-size: @labels-font-size;
   font-weight: bold;
   line-height: 1;
   color: @label-color;

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

@@ -952,4 +952,6 @@
 @tag-border-radius  : 0.25em;
 @tag-bg-color       : @label-default-bg;
 @tag-max-width      : 150px;
-@tag-bg-hover-color : darken(@label-default-bg, 10%);
+@tag-bg-hover-color : darken(@label-default-bg, 10%);
+@tag-top-adjustment : -2px;
+@labels-font-size   : 75%;

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

@@ -93,6 +93,8 @@
 @tag-border-radius       : 9999px;
 @tag-bg-color            : @ol-green;
 @tag-bg-hover-color      : @ol-dark-green;
+@tag-top-adjustment      : 2px;
+@labels-font-size        : 85%;
 
 // Navbar
 @navbar-default-padding           : (@grid-gutter-width / 2) 0;