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

Timestamp:

02/02/2023 08:55:58 PM (20 months ago)

Author:

coffee2code

Message:

Photo Directory: Prevent first column of single photo pages (photo taxonomies and metadata) from potentially becoming full-width at non-small viewports.

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

@@ -321 +321 @@
 .photo-meta {
     display: flex;
-    flex-flow: row wrap;
+    flex-flow: row nowrap;
     justify-content: space-around;
+
+    @include breakpoint( 0, 600px ) {
+        flex-wrap: wrap;
+    }
 
     .column {
         flex: 2 1 auto;
         margin-bottom: 2rem;
+        min-width: 250px;
+
+        &:first-child {
+            @include breakpoint( 0, 600px ) {
+                margin-bottom: 1rem;
+            }
+        }
 
         &:last-child {