Changeset 9518

Timestamp:

02/20/2020 10:39:07 PM (5 years ago)

Author:

coffee2code

Message:

Showcase: Fix a couple homepage UI issues.

• Fix flow of featured business site cards at certain viewports when first card is taller.
• Reduce vertical spacing between rows of cards.

Props mansi-trivedi, coffee2code.
Fixes #3968.

File:

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

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-showcase/style.css

@@ -727 +727 @@
     list-style: none;
 
-    min-height: 310px;
+    min-height: 280px;
     width: 29%;
 
@@ -818 +818 @@
     .home .main-content h3 {
         margin-top: 1.5em;
+        clear: both;
     }
 
@@ -880 +881 @@
     }
 
+    .home .wpsc-recent > li:nth-child(odd) {
+        clear: left;
+    }
+
     .rightsidebar {
         display: inline-block;
@@ -914 +919 @@
 @media ( max-width: 340px ) {
     .home .wpsc-recent > li {
+        padding-left: 8px;
+        padding-right: 8px;
         width: 95%;
     }