Merge pull request #12227 from laryn/patch-1

Backdrop - update styles for status messages
civicrm · May 29, 2018 · 823270c · 823270c
2 parents 3832b5e + d56dfa6
commit 823270c
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/css/backdrop.css b/css/backdrop.css
@@ -1,15 +1,30 @@
 /* Styles specific to Backdrop CMS */
 
 /* Make status messages work with Backdrop styles */
-.crm-container .messages.status {
+.crm-container :not(.crm-footer) .messages.status {
   background-color: #E9EEBC;
   padding: 0.9em 0.625em 1em 3.438em;
   border: none;
 }
 
+.crm-container :not(.crm-footer) .messages.status .crm-i {
+  font-size: 1.5rem;
+  color: #fff;
+  background-color: #CFDE56;
+  position: absolute;
+  padding: .4rem;
+  left: 0;
+  top: 0;
+  box-sizing: border-box;
+}
+
 @media only screen and (min-width:34em) {
-  .crm-container .messages.status {
+  .crm-container :not(.crm-footer) .messages.status {
     padding-left: 4.375em;
   }
+
+  .crm-container :not(.crm-footer) .messages.status .crm-i {
+    font-size: 1.75rem;
+    padding: .5rem;
+  }
 }
-