From 71463a2ec2af607a26195e8dc4e952940b0bfc31 Mon Sep 17 00:00:00 2001 From: Paulo Reis Date: Fri, 3 Nov 2017 15:07:04 +0000 Subject: [PATCH] Limit tag width in the projects list table. --- services/web/public/stylesheets/app/project-list.less | 8 ++++++-- .../web/public/stylesheets/core/_common-variables.less | 1 + 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less index 5e7442e1ce..ceaa09cce8 100644 --- a/services/web/public/stylesheets/app/project-list.less +++ b/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; diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less index 3d3cc383a8..13308a0c5c 100644 --- a/services/web/public/stylesheets/core/_common-variables.less +++ b/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%); \ No newline at end of file