Changeset 3544:011c315781e3

Timestamp:

06/16/17 11:22:12 (8 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Better way to cope with close button for messages

Location:

admin

Files:

• js/common.js (modified) (1 diff)
• style/default.css (modified) (2 diffs)
• style/scss/partials/_messages.scss (modified) (2 diffs)

admin/js/common.js

@@ -563 +563 @@
 
      $('p.success,p.warning,p.error,div.error').each(function () {
+          $(this).addClass('close-notice-parent');
           $(this).append('<button class="close-notice" type="button"><img src="images/close.png" alt="'+dotclear.msg.close_notice+'" /></button>');
      });

admin/style/default.css

@@ -1488 +1488 @@
   color: #333; }
 
+.close-notice-parent {
+  display: flex;
+  justify-content: space-between; }
+
 .close-notice {
-  float: right;
   background: none;
   border: none;
@@ -1497 +1500 @@
   .close-notice:hover, .close-notice:focus {
     background: none; }
-
-div.error {
-  position: relative; }
-  div.error .close-notice {
-    display: block;
-    position: absolute;
-    top: 1em;
-    right: 1em; }
 
 .dc-update {

admin/style/scss/partials/_messages.scss

@@ -97 +97 @@
 }
 
+.close-notice-parent {
+     display: flex;
+     justify-content: space-between;
+}
 .close-notice {
-     float: right;
      background: none;
      border:   none;
@@ -106 +109 @@
      &:hover, &:focus {
           background: none;
-     }
-}
-div.error {
-     position: relative;
-     .close-notice {
-          display: block;
-          position: absolute;
-          top: 1em;
-          right: 1em;
      }
 }