From 5bd6168deb7ebec8c8485db0e3769a89af1beaf5 Mon Sep 17 00:00:00 2001 From: Kris Aubuchon Date: Sat, 5 Jul 2014 02:16:33 -0400 Subject: [PATCH] fixing title truncation issues for firefox --- .../stylesheets/desktop/topic-post.scss | 31 ++++++++++++------- app/assets/stylesheets/desktop/topic.scss | 9 ++++-- 2 files changed, 25 insertions(+), 15 deletions(-) diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index ab4526d0b..0826b8fa1 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -310,15 +310,13 @@ nav.post-controls { } .bottom-round nav.post-controls .show-replies { -background: scale-color-diff(); -margin-bottom: 0; -padding-bottom: 8px; + background: scale-color-diff(); + margin-bottom: 0; + padding-bottom: 8px; &:hover {background: scale-color-diff(); } } - - .post-action { .relative-date { margin-left: 5px; @@ -538,25 +536,35 @@ iframe { .extra-info-wrapper { float: left; - max-width: 875px; + width: 76%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + .topic-statuses { i { color: $header_primary; } .unpinned { color: $header_primary; } } - .topic-link { color: $header_primary; } + .topic-link { color: $header_primary; + display: block; +white-space: nowrap; +overflow: hidden; +text-overflow: ellipsis; + + } } @include medium-width { .extra-info-wrapper { - max-width: 770px; + width: 73%; } } @include small-width { .extra-info-wrapper { - max-width: 720px; + width: 70%; } } @@ -565,9 +573,6 @@ iframe { margin: 5px 0 0 0; font-size: 1.6em; line-height: 1.3em; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } @@ -584,6 +589,8 @@ iframe { .badge-category { vertical-align: top; margin-top: 2px; + float: left; + margin-right: 5px; } } diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss index 858ac9cb9..93c172003 100644 --- a/app/assets/stylesheets/desktop/topic.scss +++ b/app/assets/stylesheets/desktop/topic.scss @@ -41,13 +41,16 @@ line-height: 1.2em; overflow: hidden; a {color: $primary;} - a.badge-category { vertical-align: top; margin-top: 2px; } + a.badge-category { + float: left; + vertical-align: top; + margin-top: 2px; + margin-right: 5px; + } a.edit-topic { font-size: 15px; position: absolute; margin-left: 8px; } } .topic-statuses { margin-top: -2px; - .fa-thumb-tack { padding-left: 3px; - } } .select2-container {