Make WordPress Core

Changeset 55889


Ignore:
Timestamp:
06/07/2023 07:07:20 AM (13 months ago)
Author:
audrasjb
Message:

Administration: Improve alignment in the Activity dashboard widget.

This changeset sets column layout to posts listed in the Activity dashboard widget to prevent alignement issues on line breaks.

Props sumitsingh, dhrumilk, chiragrathod103, kebbet, audrasjb, pooja1210.
Fixes #58114.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/dashboard.css

    r55451 r55889  
    890890#future-posts ul,
    891891#published-posts ul {
    892     clear: both;
    893     margin-bottom: 0;
     892    margin: 8px -12px 0 -12px;
    894893}
    895894
    896895#future-posts li,
    897896#published-posts li {
    898     margin-bottom: 8px;
    899 }
    900 
    901 #future-posts ul span,
    902 #published-posts ul span {
    903     display: inline-block;
    904     margin-right: 5px;
    905     min-width: 150px;
     897    display: grid;
     898    grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
     899    column-gap: 10px;
    906900    color: #646970;
     901    padding: 4px 12px;
     902}
     903
     904#future-posts li:nth-child(odd),
     905#published-posts li:nth-child(odd) {
     906    background-color: #f6f7f7;
    907907}
    908908
    909909.activity-block {
    910910    border-bottom: 1px solid #f0f0f1;
    911     margin: 0 -12px;
     911    margin: 0 -12px 6px -12px;
    912912    padding: 8px 12px 4px;
    913913}
     
    915915.activity-block:last-child {
    916916    border-bottom: none;
     917    margin-bottom: 0;
    917918}
    918919
Note: See TracChangeset for help on using the changeset viewer.