mirror of
https://github.com/status-im/consul.git
synced 2025-01-12 14:55:02 +00:00
f3d9565277
This commit uses all our new ways of doing things to Lock Sessions and their interactions with KV and Nodes. This is mostly around are new under-the-hood things, but also I took the opportunity to upgrade some of the CSS to reuse some of our CSS utils that have been made over the past few months (%csv-list and %horizontal-kv-list). Also added (and worked on existing) documentation for Lock Session related components.
34 lines
632 B
SCSS
34 lines
632 B
SCSS
%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;
|
|
}
|