d8fb480ca1
* ui: Various CSS amends 1. Split out %icon-definition from %composite-row 2. Add hover effect to node listing 3. Fix up proxy level list components 4. Rename our various pills to use a 100-900 scale 5. Reogranize other icon related things (consul-kind and consul-external-source) * Fix up upstream test
37 lines
704 B
SCSS
37 lines
704 B
SCSS
%composite-row {
|
|
display: grid;
|
|
grid-template-columns: auto 50px;
|
|
grid-template-rows: 50% 50%;
|
|
|
|
grid-template-areas:
|
|
'header actions'
|
|
'detail actions';
|
|
}
|
|
%with-one-action-row {
|
|
@extend %composite-row;
|
|
grid-template-columns: 1fr auto;
|
|
padding-right: 12px;
|
|
}
|
|
%composite-row-header {
|
|
grid-area: header;
|
|
align-self: start;
|
|
}
|
|
%composite-row-detail {
|
|
grid-area: detail;
|
|
align-self: end;
|
|
}
|
|
%composite-row-actions {
|
|
grid-area: actions;
|
|
justify-self: center;
|
|
align-self: center;
|
|
}
|
|
|
|
%composite-row-header:nth-last-child(2) {
|
|
grid-column-start: header;
|
|
grid-column-end: actions;
|
|
}
|
|
%composite-row-detail:last-child {
|
|
grid-column-start: detail;
|
|
grid-column-end: actions;
|
|
}
|