Commit a0fbfb5a authored by Andrew Fontaine's avatar Andrew Fontaine

Add `.text-underline` Utility Class

Style status box links using bootstrap and other utility classes instead
of styling all `a` tags in the status-box.
parent 37b9173b
...@@ -52,6 +52,11 @@ ...@@ -52,6 +52,11 @@
word-break: break-all; word-break: break-all;
} }
.text-underline,
.text-underline:hover {
text-decoration: underline;
}
.hint { font-style: italic; color: $gl-gray-400; } .hint { font-style: italic; color: $gl-gray-400; }
.light { color: $gl-text-color; } .light { color: $gl-text-color; }
......
...@@ -32,11 +32,6 @@ ...@@ -32,11 +32,6 @@
&.status-box-issue-closed, &.status-box-issue-closed,
&.status-box-mr-merged { &.status-box-mr-merged {
background-color: $blue-500; background-color: $blue-500;
a {
color: inherit;
text-decoration: underline;
}
} }
&.status-box-open { &.status-box-open {
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
= sprite_icon('mobile-issue-close', size: 16, css_class: 'd-block d-sm-none') = sprite_icon('mobile-issue-close', size: 16, css_class: 'd-block d-sm-none')
.d-none.d-sm-block .d-none.d-sm-block
- if @issue.moved? - if @issue.moved?
- moved_link_start = "<a href=\"#{issue_path(@issue.moved_to)}\">".html_safe - moved_link_start = "<a href=\"#{issue_path(@issue.moved_to)}\" class=\"text-white text-underline\">".html_safe
- moved_link_end = '</a>'.html_safe - moved_link_end = '</a>'.html_safe
= s_('IssuableStatus|Closed (%{moved_link_start}moved%{moved_link_end})').html_safe % {moved_link_start: moved_link_start, = s_('IssuableStatus|Closed (%{moved_link_start}moved%{moved_link_end})').html_safe % {moved_link_start: moved_link_start,
moved_link_end: moved_link_end} moved_link_end: moved_link_end}
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment