Page MenuHomePhabricator

Phab reports: Improve clarity between labels and values
Closed, ResolvedPublic

Description

I find the alternating labels and labels on the Reports pages currently a bit ambiguous. After the first and second one, I can't seem to remember whether the labels are above or below the value they correspond with.

Some amount of spacing between the "pairs" could help here. Alternatively, perhaps we can join them next to each other since it's mostly empty space right now.

Today
cap.png (1×2 px, 108 KB)
Proposed
cap2.png (1×2 px, 103 KB)

The styles I added used in this devtools mock up:

.phui-segment-bar-view.phui-segment-bar-bigbars {
    display: flex;
    padding: 4px 8px;
}

.phui-segment-bar-view.phui-segment-bar-bigbars:nth-child(odd) {
    background: rgba(71,87,120,.1);
}

.phui-segment-bar-segments {
    /* background: rgba(71,87,120,.1); !removed */
}

.phui-segment-bar-bigbars .phui-segment-bar-segments {
   flex: 1;
}

Revisions and Commits