Making WordPress.org

Changeset 13299


Ignore:
Timestamp:
03/07/2024 06:58:29 AM (3 months ago)
Author:
akirk
Message:

Translate Events: fix mobile details view

File:
1 edited

Legend:

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

    r13298 r13299  
    5656.event-details-stats table td:first-child {
    5757    text-align: left;
     58    word-break: break-all;
    5859}
    5960.event-details-stats table tr {
     
    6263.event-details-stats table th {
    6364    background-color: #e9e9e9;
     65    /* allow breaking the word anywhere so that it doesn't overflow */
     66    word-break: break-all;
    6467}
    6568.event-details-stats-totals td {
     
    247250    display: block;
    248251}
     252
     253/* show the event-details-right below instead of on the right on mobile */
     254@media (max-width: 768px) {
     255    .event-page-wrapper, .event-details-right, .event-details-left {
     256        width: 100%;
     257        float: none;
     258    }
     259    .event-details-left {
     260        border-right: none;
     261        margin: 0;
     262        padding: 0;
     263    }
     264
     265    .event-details-stats {
     266        margin: 0;
     267    }
     268}
Note: See TracChangeset for help on using the changeset viewer.