diff --git a/app/assets/stylesheets/articles.scss b/app/assets/stylesheets/articles.scss index 320248ffe..1430b8ff4 100644 --- a/app/assets/stylesheets/articles.scss +++ b/app/assets/stylesheets/articles.scss @@ -82,7 +82,7 @@ width: 27%; padding: 9px 0px; text-align: center; - color: $black; + @include themeable(color, theme-secondary-color, $medium-gray); margin: 1%; } .query-filter-button { @@ -111,7 +111,11 @@ theme-container-accent-background, lighten($bold-blue, 8%) ); - color: white; + @include themeable( + color, + theme-color, + white + ); } } } diff --git a/app/assets/stylesheets/comments.scss b/app/assets/stylesheets/comments.scss index 4557fd29d..d9a8fad8e 100644 --- a/app/assets/stylesheets/comments.scss +++ b/app/assets/stylesheets/comments.scss @@ -181,7 +181,7 @@ a.header-link { } .top-level-actions { - margin: 0px 8px 85px; + margin: 0px 0px 85px; padding: 3px 0px; z-index: 4; position: relative; @@ -194,6 +194,7 @@ a.header-link { background: $black; color: white; margin: 2px 0px 2px; + margin-right: 5px; vertical-align: 2px; } } @@ -210,8 +211,8 @@ a.header-link { color: $black; font-family: $helvetica-condensed; font-stretch: condensed; - padding: 4px 12px; - font-size: 0.8em; + padding: 4px 8px; + font-size: 0.77em; vertical-align: 1px; margin: 8px 0px 2px; } @@ -450,6 +451,17 @@ a.header-link { } .root-comment { margin-top: -80px; + .comment-parent-link { + @include themeable(background, theme-container-background, white); + @include themeable(border, theme-container-border, 1px solid $medium-gray); + display: block; + padding: 9px 12px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 0.8em; + @include themeable(background, theme-container-accent-background, lighten($lightest-gray, 1%)); + } } } .comment-view-parent { @@ -787,6 +799,7 @@ a.header-link { font-family: $helvetica-condensed; font-stretch: condensed; font-size: 0.78em; + border-radius: 3px; } } a { diff --git a/app/assets/stylesheets/notifications.scss b/app/assets/stylesheets/notifications.scss index 557afc871..2371d8c75 100644 --- a/app/assets/stylesheets/notifications.scss +++ b/app/assets/stylesheets/notifications.scss @@ -175,13 +175,27 @@ border-radius: 3px; @include themeable(color, theme-color, $black); position: relative; + .comment-text-header { + display: block; + padding: 5px 10px; + margin-left: -10px; + margin-top: -10px; + margin-bottom: 8px; + border-bottom: 1px solid lighten($dark-gray, 18%); + width: 100%; + font-weight: bold; + font-size: 0.76em; + position: relative; + z-index:6; + border-top-left-radius: 3px; + border-top-right-radius: 3px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + @include themeable(background, theme-container-accent-background, lighten($lightest-gray, 1%)); + } &:hover { border: 1px solid $black; - @include themeable( - background, - theme-container-background-hover, - #fff - ); } h1, h2, diff --git a/app/models/comment.rb b/app/models/comment.rb index 733c4df1b..5a38e69ad 100644 --- a/app/models/comment.rb +++ b/app/models/comment.rb @@ -165,10 +165,10 @@ class Comment < ApplicationRecord end.join end - def title + def title(length = 80) return "[deleted]" if deleted - ActionController::Base.helpers.truncate(ActionController::Base.helpers.strip_tags(processed_html), length: 80) + ActionController::Base.helpers.truncate(ActionController::Base.helpers.strip_tags(processed_html).strip, length: length) end def video diff --git a/app/views/comments/index.html.erb b/app/views/comments/index.html.erb index 9f4f646cd..01efdc0d7 100644 --- a/app/views/comments/index.html.erb +++ b/app/views/comments/index.html.erb @@ -72,9 +72,9 @@
- <%= org.name %> + @<%= org.slug %>: " href="/notifications/org/<%= org.id %>">ALL " href="/notifications/comments/<%= org.id %>">COMMENTS