Changeset 8039

Timestamp:

01/07/2019 09:16:43 PM (6 years ago)

Author:

coffee2code

Message:

Trac: Improve vertical alignment and responsiveness of checkboxes into columns.

Props faisal03, coffee2code.
Fixes #4030.

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/trac-notifications/trac-notifications.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/trac-notifications/trac-notifications.php

@@ -420 +420 @@
             clear: both;
         }
-        #milestones, p.save-changes {
-            padding-top: 1em;
+        #focuses ul {
+            margin: 0;
         }
         #focuses li {
             display: inline-block !important;
             list-style: none;
-            min-width: 15%;
-            margin-right: 30px;
+            width: 24%;
+            margin: 0;
         }
         #components > ul {
-            margin: 0 0 0 1% !important;
             margin: 0;
             padding: 0;
@@ -441 +440 @@
             list-style: none;
         }
+        #milestones ul {
+            margin: 0;
+        }
         #milestones > ul > li {
             float: left;
-            width: 25%;
+            width: 24%;
             list-style: none;
+        }
+        #milestones, p.save-changes {
+            padding-top: 1em;
+        }
+        #milestones #show-completed {
+            width: 100%;
         }
         .completed-milestone {
@@ -452 +460 @@
         #milestones.show-completed-milestones .completed-milestone {
             display: list-item !important;
+        }
+        @media screen and (max-width: 450px) {
+            .make-core #components > ul,
+            #focuses li {
+                width: 100%;
+            }
+            #milestones > ul > li {
+                width: 49%;
+            }
         }
         </style>