phanpy/src/pages/status.css
Lim Chee Aun 6c43ced27c Desperate attempt to make the text and buttons flows nicely in the header
This code will probably haunt me in the future
2023-02-11 23:35:03 +08:00

37 lines
618 B
CSS

.status-deck header h1 {
grid-column: 1 / 3;
}
.status-deck header {
white-space: nowrap;
}
.status-deck header h1 {
min-width: 0;
flex-grow: 1;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.status-deck header.inview h1 {
font-weight: bold;
}
.hero-heading {
font-size: 16px;
display: inline-block;
}
.hero-heading .icon {
vertical-align: middle;
color: var(--text-insignificant-color);
}
.hero-heading .insignificant {
font-weight: normal;
}
.ancestors-indicator {
font-size: 70% !important;
}
.ancestors-indicator[hidden] {
opacity: 0;
pointer-events: none;
}