Increase the saturation of our standard warning colour a little so
that it is more visible, and then switch notes to using the warning
colour instead of the error colour.
&:first-child {
margin-top: 0;
}
- &.warning {
- color: #ff7070;
- font-weight: bold;
+ .warning {
+ background-color: #ffe0cc;
+ margin: 0px;
+ padding: 4px 6px;
}
div {
clear: left;
background-color: #ff7070;
}
&#warning {
- background-color: #fff6f0;
+ background-color: #ffe0cc;
}
&#notice {
background-color: #CBEEA7;
.warning {
display: block;
- background-color: #ff7070;
+ background-color: #ffe0cc;
padding: 4px 6px;
margin-bottom: 10px;
}
<div class='column-1'>
<% if @note.comments.find { |comment| comment.author.nil? } -%>
- <div class='browse-section common warning'>
- <%= t "javascripts.notes.show.anonymous_warning" %>
+ <div class='browse-section common'>
+ <p class="warning"><%= t "javascripts.notes.show.anonymous_warning" %></p>
</div>
<% end -%>