Tyler Wendlandt 3638dc13fb
ui: Wrap service names on show and instance routes (#14771)
* 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
2022-10-05 13:21:34 -06:00

28 lines
544 B
SCSS

%breadcrumbs {
display: grid;
grid-auto-flow: column;
white-space: nowrap;
overflow: hidden;
}
%breadcrumbs > li {
list-style-type: none;
display: inline-flex;
overflow: hidden
}
%breadcrumb-milestone::before {
margin-right: 4px;
display: inline-block;
}
%breadcrumb {
/* as the separator is a '/' the left margin needs */
/* to be different from the right in order to center it */
margin-left: 6px;
overflow: hidden;
text-overflow: ellipsis;
}
%breadcrumb::before {
margin-right: 8px;
display: inline-block;
}