Просмотр исходного кода

Limit tag width in the projects list table.

Paulo Reis 9 лет назад
Родитель
Сommit
71463a2ec2

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

@@ -216,9 +216,9 @@ ul.folders-menu {
 			}
 		}
 		a.tag-name {
+			position: relative;
 			padding: @folders-tag-padding;
 			display: @folders-tag-display;
-			position: relative;
 			span.name {
 				padding-left: 0.5em;
 				line-height: @folders-tag-line-height;
@@ -345,7 +345,11 @@ ul.project-list {
 			.tag-label-name {
 				padding-right: 0.3em;
 				border-top-right-radius: 0;
-				border-bottom-right-radius: 0;	
+				border-bottom-right-radius: 0;
+				max-width: @tag-max-width;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				vertical-align: text-bottom;
 			}
 			.tag-label-remove {
 				padding-left: 0.3em;

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

@@ -889,4 +889,5 @@
 // Tags
 @tag-border-radius  : 0.25em;
 @tag-bg-color       : @label-default-bg;
+@tag-max-width      : 180px;
 @tag-bg-hover-color : darken(@label-default-bg, 10%);