phanpy/src/pages/status.css

64 lines
1.2 KiB
CSS
Raw Normal View History

.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 h1 .deck-back {
margin-left: -16px;
}
.status-deck header.inview h1 {
font-weight: bold;
}
.hero-heading {
2023-03-08 10:17:23 +01:00
font-size: var(--text-size);
display: inline-block;
}
2022-12-29 04:47:10 +01:00
.hero-heading .icon {
vertical-align: middle;
color: var(--text-insignificant-color);
}
.hero-heading .insignificant {
font-weight: normal;
}
.ancestors-indicator {
font-size: 70% !important;
2023-10-18 19:13:37 +02:00
& > .avatar:not(:first-child) {
margin-left: -4px;
}
}
2023-09-12 05:22:01 +02:00
.ancestors-indicator:not([hidden]) {
animation: slide-up 0.3s both ease-out 0.3s;
}
.ancestors-indicator[hidden] {
opacity: 0;
pointer-events: none;
}
2023-02-19 07:49:53 +01:00
.post-status-banner {
position: sticky;
2023-02-17 18:28:10 +01:00
bottom: 16px;
bottom: max(16px, env(safe-area-inset-bottom));
font-size: 90%;
2023-02-19 07:49:53 +01:00
background-color: var(--bg-faded-color);
padding: 16px;
2023-02-19 07:49:53 +01:00
margin: 0 16px;
2023-02-17 18:28:10 +01:00
border-radius: 16px;
white-space: pre-wrap;
line-height: 1.2;
2023-02-17 18:28:10 +01:00
max-width: var(--main-width);
z-index: 1;
}
2023-02-19 07:49:53 +01:00
.post-status-banner > p:first-of-type {
margin-top: 0;
padding-top: 0;
}