diff --git a/modules/system/assets/css/updates/updates.css b/modules/system/assets/css/updates/updates.css index 03ea787f4..c7f3b1507 100644 --- a/modules/system/assets/css/updates/updates.css +++ b/modules/system/assets/css/updates/updates.css @@ -2,49 +2,60 @@ border: 1px solid #ccc; margin-bottom: 20px; } -.control-updatelist h5 { +.control-updatelist .update-item { + border-bottom: 1px solid #ccc; +} +.control-updatelist .update-item .item-header { background-color: #f5f5f5; - border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 10px; +} +.control-updatelist .update-item .item-header h5 { margin: 0; + padding: 0; text-transform: uppercase; font-size: 13px; } -.control-updatelist h5:first-of-type { - border-top: none; -} -.control-updatelist h5 i { +.control-updatelist .update-item .item-header h5 i { margin-right: 7px; color: #405261; } -.control-updatelist h5 small { +.control-updatelist .update-item .item-header h5 small { text-transform: none; float: right; line-height: 13px; margin-right: 5px; } -.control-updatelist dl { +.control-updatelist .update-item dl { padding: 10px; margin-bottom: 0; font-size: 12px; } -.control-updatelist dl:before, -.control-updatelist dl:after { +.control-updatelist .update-item dl:before, +.control-updatelist .update-item dl:after { content: " "; display: table; } -.control-updatelist dl:after { +.control-updatelist .update-item dl:after { clear: both; } -.control-updatelist dl dt, -.control-updatelist dl dd { +.control-updatelist .update-item dl dt, +.control-updatelist .update-item dl dd { float: left; padding: 5px 0; } -.control-updatelist dl dt { +.control-updatelist .update-item dl dt { width: 15%; } -.control-updatelist dl dd { +.control-updatelist .update-item dl dd { width: 85%; } +.control-updatelist .update-item:last-child { + border-bottom: none; +} +.control-updatelist .update-item.item-danger .item-header { + background-color: #f2dede; +} +.control-updatelist .update-item.item-danger dl { + color: #a94442; +} diff --git a/modules/system/assets/less/updates/updates.less b/modules/system/assets/less/updates/updates.less index 7e8d28a78..e8ca85ab5 100644 --- a/modules/system/assets/less/updates/updates.less +++ b/modules/system/assets/less/updates/updates.less @@ -5,47 +5,64 @@ border: 1px solid #ccc; margin-bottom: @line-height-computed; - h5 { - background-color: @color-list-accent; - border-top: 1px solid #ccc; + .update-item { + border-bottom: 1px solid #ccc; - padding: 15px 10px; - margin: 0; - text-transform: uppercase; - font-size: 13px; - &:first-of-type { - border-top: none; + .item-header { + background-color: #f5f5f5; + border-bottom: 1px solid #ccc; + padding: 15px 10px; + + h5 { + margin: 0; + padding: 0; + text-transform: uppercase; + font-size: 13px; + + i { + margin-right: 7px; + color: @color-text-title; + } + + small { + text-transform: none; + float: right; + line-height: 13px; + margin-right: 5px; + } + } } - i { - margin-right: 7px; - color: @color-text-title; + dl { + padding: 10px; + margin-bottom: 0; + font-size: 12px; + .clearfix; + + dt, dd { + float: left; + padding: 5px 0; + } + dt { + width: 15%; + } + dd { + width: 85%; + } } - small { - text-transform: none; - float: right; - line-height: 13px; - margin-right: 5px; + &:last-child { + border-bottom: none; } - } - dl { - padding: 10px; - margin-bottom: 0; - font-size: 12px; - .clearfix; - - dt, dd { - float: left; - padding: 5px 0; - } - dt { - width: 15%; - } - dd { - width: 85%; + &.item-danger { + .item-header { + background-color: @state-danger-bg; + } + dl { + color: @state-danger-text; + } } } diff --git a/modules/system/controllers/updates/_update_list.htm b/modules/system/controllers/updates/_update_list.htm index 22c386d80..fde9317fd 100644 --- a/modules/system/controllers/updates/_update_list.htm +++ b/modules/system/controllers/updates/_update_list.htm @@ -10,56 +10,67 @@