Skip to content

Commit

Permalink
lib/table: Fix alignment on expanded toggle icons
Browse files Browse the repository at this point in the history
  • Loading branch information
garrett authored and martinpitt committed Jul 21, 2020
1 parent 09b2cb6 commit a1cd4ce
Showing 1 changed file with 5 additions and 7 deletions.
12 changes: 5 additions & 7 deletions pkg/lib/cockpit-components-table.scss
Original file line number Diff line number Diff line change
Expand Up @@ -80,14 +80,12 @@
// As the width is smaller than the contents, and this is a table,
// the cell will stay at the correct width.
width: 1px;
}

> .pf-c-button {
padding-top: var(--pf-global--spacer--sm);
padding-bottom: var(--pf-global--spacer--sm);
vertical-align: top;
// Not every browser supports text-top, so define top (above) as a fallback
vertical-align: text-top;
}
.pf-c-button.pf-m-expanded .pf-c-table__toggle-icon {
// Similar to PF4, but with a translate to bump the expanded icon down 3 pixels,
// to better align the expanded form
transform: translateY(3px) rotate(var(--pf-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
}

// Shrink buttons down a little
Expand Down

0 comments on commit a1cd4ce

Please sign in to comment.