summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/pages/events.scss
diff options
context:
space:
mode:
authorDominik Sander <git@dsander.de>2015-04-01 23:49:34 +0200
committerDominik Sander <git@dsander.de>2015-04-02 00:01:08 +0200
commiteaf919ec7ded9efb8fd46318c39c92059410d378 (patch)
tree7149ba59d4f995e8b2f7cbd5b5577c2213117de5 /app/assets/stylesheets/pages/events.scss
parenteb2339a4018836086d0dae8245fa084220bfed0b (diff)
downloadgitlab-ce-eaf919ec7ded9efb8fd46318c39c92059410d378.tar.gz
Fix event-title max-width in the dashboard
For view port sizes between 1260px and 1200px pixels the event-title was too wide, thus not truncated and got pushed into a second line. 100% - 174px was chosen as the max-width because 141px is the widest .event-item-timestamp can get (with 'less than a minute ago') + 24px for the avatar + 8px avatar margin + 1px to fit into the gap.
Diffstat (limited to 'app/assets/stylesheets/pages/events.scss')
-rw-r--r--app/assets/stylesheets/pages/events.scss3
1 files changed, 2 insertions, 1 deletions
diff --git a/app/assets/stylesheets/pages/events.scss b/app/assets/stylesheets/pages/events.scss
index 83daea10ed5..d4af7506d5b 100644
--- a/app/assets/stylesheets/pages/events.scss
+++ b/app/assets/stylesheets/pages/events.scss
@@ -45,7 +45,8 @@
padding: 12px 0px;
border-bottom: 1px solid #eee;
.event-title {
- @include str-truncated(72%);
+ max-width: 70%;
+ @include str-truncated(calc(100% - 174px));
font-weight: 500;
font-size: 14px;
.author_name {