Changeset 3787:24c2472a688c

Timestamp:

07/30/18 09:48:26 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Use css3 flex rather than <br > to vertical align supplemental labels under dashboard icons

Files:

• admin/style/default-dark.css (modified) (1 diff)
• admin/style/default.css (modified) (1 diff)
• admin/style/scss/partials/_index.scss (modified) (1 diff)
• plugins/antispam/inc/lib.dc.antispam.php (modified) (2 diffs)
• plugins/antispam/js/dashboard.js (modified) (1 diff)

admin/style/default-dark.css

@@ -2123 +2123 @@
   #icons p {
     width: 13em;
-    text-align: center;
-    margin: 1em 0 2em; }
+    margin: 1em 0 2em;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center; }
   #icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus {
     border-bottom-width: 0;

admin/style/default.css

@@ -2123 +2123 @@
   #icons p {
     width: 13em;
-    text-align: center;
-    margin: 1em 0 2em; }
+    margin: 1em 0 2em;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center; }
   #icons a, #icons a:link, #icons a:visited, #icons a:hover, #icons a:focus {
     border-bottom-width: 0;

admin/style/scss/partials/_index.scss

@@ -12 +12 @@
      p {
           width: 13em;
-          text-align: center;
           margin: 1em 0 2em;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
      }
      a {

plugins/antispam/inc/lib.dc.antispam.php

@@ -73 +73 @@
         if (($count = self::countSpam($core)) > 0) {
             $str = ($count > 1) ? __('(including %d spam comments)') : __('(including %d spam comment)');
-            $icons['comments'][0] .= '</span></a> <br /><a href="' . $core->adminurl->get('admin.comments', array('status' => '-2')) . '"><span class="db-icon-title-spam">' .
+            $icons['comments'][0] .= '</span></a> <a href="' . $core->adminurl->get('admin.comments', array('status' => '-2')) . '"><span class="db-icon-title-spam">' .
             sprintf($str, $count);
         }
@@ -82 +82 @@
         if (($count = self::countSpam($core)) > 0) {
             $str = ($count > 1) ? __('(including %d spam comments)') : __('(including %d spam comment)');
-            return '</span></a> <br /><a href="' . $core->adminurl->get('admin.comments', array('status' => '-2')) . '"><span class="db-icon-title-spam">' .
+            return '</span></a> <a href="' . $core->adminurl->get('admin.comments', array('status' => '-2')) . '"><span class="db-icon-title-spam">' .
             sprintf($str, $count);
         } else {

plugins/antispam/js/dashboard.js

@@ -28 +28 @@
             var icon = $('#dashboard-main #icons p a[href="comments.php"]');
             if (icon.length) {
-              var xml = ' <br /><a href="comments.php?status=-2"><span class="db-icon-title-spam">' + nb + '</span></a>';
+              var xml = ' <a href="comments.php?status=-2"><span class="db-icon-title-spam">' + nb + '</span></a>';
               icon.after(xml);
             }