consul/ui/packages/consul-ui/app/components/composite-row/layout.scss

39 lines
711 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
%composite-row {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 50% 50%;
grid-template-areas:
'header actions'
'detail actions';
}
%composite-row-header {
grid-area: header;
align-self: start;
}
%composite-row-detail {
grid-area: detail;
align-self: end;
}
%composite-row-detail * {
flex-wrap: nowrap !important;
}
%composite-row-actions {
grid-area: actions;
display: inline-flex;
}
%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;
}