Changeset 13425 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/elements/_badges.scss

Timestamp:

04/01/2024 08:52:41 PM (11 months ago)

Author:

coffee2code

Message:

wporg-support-2024: Improve responsive vertical positioning of author badge on topic post of single-topic pages, especially when a topic indicator is present.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/elements/_badges.scss (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/elements/_badges.scss

@@ -15 +15 @@
     font-size: 11px;
     border-radius: var(--wp--custom--button--border--radius);
+
+    .bbp-topic-author & {
+        top: 2px;
+    }
+
+    @media screen and ( max-width: 568px ) {
+
+        .topic-indicator + .bbp-topic-author & {
+            top: 12px;
+        }
+    }
 }
 
@@ -88 +99 @@
     .author-badge-reporter {
         top: -28px;
+
+        .bbp-topic-author & {
+            top: -38px;
+        }
+
+        .topic-indicator + .bbp-topic-author & {
+            top: -28px;
+        }
     }
 }