diff options
| author | multiple creatures <dev@multiple-creature.party> | 2019-07-19 19:30:48 -0500 |
|---|---|---|
| committer | multiple creatures <dev@multiple-creature.party> | 2019-07-19 19:31:19 -0500 |
| commit | 348dd5aa351f0eb7ec910f0248505b930398fb59 (patch) | |
| tree | 9a9eb31fdea753f96ba8b758ad8bbac14c52f518 /app | |
| parent | 2f8ac8838da4af3de8885b0b4ee88729eb9f4ca0 (diff) | |
always show out-of-body tags for better accessibility
Diffstat (limited to 'app')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/monsterpit.scss | 6 | ||||
| -rw-r--r-- | app/lib/formatter.rb | 2 |
2 files changed, 5 insertions, 3 deletions
diff --git a/app/javascript/flavours/glitch/styles/monsterpit.scss b/app/javascript/flavours/glitch/styles/monsterpit.scss index 0ef995534..71b4f4910 100644 --- a/app/javascript/flavours/glitch/styles/monsterpit.scss +++ b/app/javascript/flavours/glitch/styles/monsterpit.scss @@ -7,11 +7,13 @@ font-style: italic; font-size: 12px; text-align: right; + margin-bottom: 4px; } - details.tags { + p.tags { color: lighten($dark-text-color, 20%); font-size: 12px; text-align: right; + margin-bottom: 4px; a { color: darken($secondary-text-color, 20%); @@ -23,7 +25,7 @@ p.signature { color: $dark-text-color; } - details.tags { + p.tags { color: $dark-text-color; a { diff --git a/app/lib/formatter.rb b/app/lib/formatter.rb index 326f0655b..7623f0acd 100644 --- a/app/lib/formatter.rb +++ b/app/lib/formatter.rb @@ -241,7 +241,7 @@ class Formatter unless status.tags.blank? tags = status.tags.pluck(:name).reject { |t| t.end_with?('.') }.map{ |t| "##{t}" } tags = encode_and_link_urls(tags.join(' ')) - html = "#{html}<details class=\"tags\"><summary>\xf0\x9f\x8f\xb7</summary><p class=\"tags\">#{tags}</p></details>" + html = "#{html}<p class=\"tags\">#{tags} \xf0\x9f\x8f\xb7</p>" end html.html_safe # rubocop:disable Rails/OutputSafety |