Changeset 11633 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss

Timestamp:

03/03/2022 10:29:10 PM (4 years ago)

Author:

coffee2code

Message:

Photo Directory: Improve display and responsiveness of checkboxes on submission form.

• Prevent checkbox label from wrapping below the checkbox.
• Restore margins around checkboxes in slimmer viewport widths.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-photos/css/components/_site.scss

@@ -518 +518 @@
                 margin-top: 0;
         }
+
+        div {
+                padding-left: 25px;
+        }
+
+        input {
+                margin-left: -25px;
+        }
+
+        @include breakpoint( 0, 782px ) {
+                div {
+                        margin: 0.5rem 0;
+                        padding-left: 35px;
+                }
+
+                input {
+                        margin-left: -35px;
+                }
+        }
 }