Changeset 13299

Timestamp:

03/07/2024 06:58:29 AM (10 months ago)

Author:

akirk

Message:

Translate Events: fix mobile details view

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-events/assets/css/translation-events.css (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-translation-events/assets/css/translation-events.css

@@ -56 +56 @@
 .event-details-stats table td:first-child {
     text-align: left;
+    word-break: break-all;
 }
 .event-details-stats table tr {
@@ -62 +63 @@
 .event-details-stats table th {
     background-color: #e9e9e9;
+    /* allow breaking the word anywhere so that it doesn't overflow */
+    word-break: break-all;
 }
 .event-details-stats-totals td {
@@ -247 +250 @@
     display: block;
 }
+
+/* show the event-details-right below instead of on the right on mobile */
+@media (max-width: 768px) {
+    .event-page-wrapper, .event-details-right, .event-details-left {
+        width: 100%;
+        float: none;
+    }
+    .event-details-left {
+        border-right: none;
+        margin: 0;
+        padding: 0;
+    }
+
+    .event-details-stats {
+        margin: 0;
+    }
+}