Changeset 13145 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

01/23/2024 10:39:27 PM (14 months ago)

Author:

coffee2code

Message:

Theme Directory: Fix alignment of preview and download buttons at narrower viewports.

Also improves spacing between favorite icon and these buttons for all widths.

Props baroliyamayur, coffee2code.
Fixes #6803.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (4 diffs)

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

@@ -437 +437 @@
 
 .theme-wrap .theme-actions {
+    display: flex;
+    gap: 5px;
     margin: 0 0 1.5em;
     text-align: center;
@@ -1808 +1810 @@
     font-size: 40px;
     width: 40px;
-    line-height: 1.5;
+    line-height: 1;
 }
 
@@ -2054 +2056 @@
     }
 
+    .theme-wrap .theme-actions {
+        flex-flow: column wrap;
+    }
+
     .theme-wrap .theme-actions .button-primary,
     .theme-wrap .theme-actions .button-secondary {
@@ -2063 +2069 @@
         display: block;
         margin: 0;
-    }
-
-    span.favorite.dashicons,
-    span.favorite.dashicons::before {
-        line-height: 1;
     }