mirror of
https://github.com/status-im/consul.git
synced 2025-01-09 13:26:07 +00:00
3638dc13fb
* Wrap service names on show and instance routes Moves the trailing type/kind/actions to the second row of the header no matter what length the service name is. Wraps service name text. * Change grid format of AppView globally * Add tooltips to the last element of breadcrumbs
44 lines
815 B
SCSS
44 lines
815 B
SCSS
/* layout */
|
|
%app-view-title {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-areas: "title actions";
|
|
position: relative;
|
|
z-index: 5;
|
|
}
|
|
%app-view-title-left-container {
|
|
grid-area: title;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
white-space: normal;
|
|
}
|
|
%app-view-title-left-container > :first-child {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
%app-view-title-left-container > :not(:first-child) {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
%app-view-actions {
|
|
grid-area: actions;
|
|
align-self: end;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
margin-left: auto;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
/* units */
|
|
%app-view-title {
|
|
padding-bottom: 1.4em;
|
|
}
|
|
|
|
/* content */
|
|
/* TODO: Think about an %app-form or similar */
|
|
%app-view-content form:not(.filter-bar) fieldset {
|
|
padding-bottom: 0.3em;
|
|
margin-bottom: 2em;
|
|
}
|