Changeset 13299

Timestamp:

03/07/2024 06:58:29 AM (2 years 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;
+        }
+}