[wp-trac] [WordPress Trac] #27418: "Notices" lack variety

[WordPress Trac]

#27418: "Notices" lack variety
----------------------------+----------------------------
 Reporter:  melchoyce       |      Owner:
     Type:  enhancement     |     Status:  new
 Priority:  normal          |  Milestone:  Future Release
Component:  Administration  |    Version:  trunk
 Severity:  normal          |   Keywords:
  Focuses:  ui              |
----------------------------+----------------------------
 Right now our notices look something like this:
 [[Image(https://i.cloudup.com/XxflJQV1cD.png)]]

 That's a great start, but they're not easily extendible. There's no quick
 way to apply styling to a notice. Take a look at the HTML for the above
 examples:

 {{{
 <div class="updated"><p>Updated!</p></div>

 <div class="error"><p>Error!</p></div>

 <div class="update-nag">Upgrade WP!</div>
 }}}

 It's incredibly specific.

 Proposal: let's create a set of default notice classes that can used
 across wp-admin. It could look something like this:

 {{{
 .notice-success {
      border-color: #78d248;
 }

 .notice-warning {
     border-color: #fdba24;
 }

 .notice-alert,
 .notice-error {
     border-color: #db3736;
 }

 .notice-info,
 .notice-active {
     border-color: #2ea2cc;
 }
 }}}

 These classes can be applied to various notices depending on context. That
 way, we won't end up with notices that look like this, where a green
 border is applied to a warning:

 [[Image(https://i.cloudup.com/UDDeFjESlB.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27418>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform