github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-17 02:02:48 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: fix category badge style on 404 page

Browse Source
This commit is contained in:
Arpit Jalan 2017-08-14 15:56:41 +05:30
parent 77d00ea7f9
commit 2f3f5477b0
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lib/category_badge.rb
View File

@ -74,19 +74,25 @@ module CategoryBadge
# category name # category name
class_names = 'badge-category clear-badge' class_names = 'badge-category clear-badge'
text_color = "##{category.text_color}"
description = category.description_text ? "title='#{category.description_text.html_safe}'" : '' description = category.description_text ? "title='#{category.description_text.html_safe}'" : ''
category_url = opts[:absolute_url] ? "#{Discourse.base_url_no_prefix}#{category.url}" : category.url category_url = opts[:absolute_url] ? "#{Discourse.base_url_no_prefix}#{category.url}" : category.url
text_color =
if (SiteSetting.category_style || :box).to_sym == :box
"##{category.text_color}"
else
"#222222"
end
extra_span_classes = extra_span_classes =
if opts[:inline_style] if opts[:inline_style]
case (SiteSetting.category_style || :box).to_sym case (SiteSetting.category_style || :box).to_sym
when :bar when :bar
'padding: 3px; color: #222222 !important; vertical-align: text-top; margin-top: -3px; display: inline-block;' 'padding: 3px; vertical-align: text-top; margin-top: -3px; display: inline-block;'
when :box when :box
"#{show_parent ? 'margin-left: 5px; ' : ''} position: relative; padding: 0 5px; margin-top: 2px;" "#{show_parent ? 'margin-left: 5px; ' : ''} position: relative; padding: 0 5px; margin-top: 2px;"
when :bullet when :bullet
'color: #222222 !important; vertical-align: text-top; line-height: 1; margin-left: 4px; padding-left: 2px; display: inline;' 'vertical-align: text-top; line-height: 1; margin-left: 4px; padding-left: 2px; display: inline;'
end + 'max-width: 150px; overflow: hidden; text-overflow: ellipsis;' end + 'max-width: 150px; overflow: hidden; text-overflow: ellipsis;'
else else
'' ''