Timeline date headers

This commit is contained in:
Evan Hahn 2022-01-26 17:05:26 -06:00 committed by GitHub
parent 0fa069f260
commit f9440bf594
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
41 changed files with 1183 additions and 771 deletions

View file

@ -4902,25 +4902,19 @@ button.module-image__border-overlay:focus {
}
&__date {
@include font-caption;
display: inline-block;
flex-shrink: 0;
margin-left: 6px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
&__timestamp {
flex-shrink: 0;
margin-left: 6px;
@include font-caption;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
}
}
@ -5460,26 +5454,6 @@ button.module-image__border-overlay:focus {
cursor: col-resize;
}
// Module: Timeline Loading Row
.module-timeline-loading-row {
height: 48px;
padding: 12px;
display: flex;
flex-direction: columns;
justify-content: center;
align-items: center;
@include light-theme {
color: $color-gray-75;
}
@include dark-theme {
color: $color-gray-25;
}
}
// Module: Timeline
.module-timeline {
@ -6885,41 +6859,6 @@ button.module-image__border-overlay:focus {
@include emoji-size(66px);
}
// Module: Countdown
.module-countdown {
display: block;
width: 24px;
height: 24px;
}
// Note: the colors here should match the module-spinner's on-background colors
.module-countdown__front-path {
fill-opacity: 0;
stroke-width: 2;
@include light-theme {
stroke: $color-gray-60;
}
@include dark-theme {
stroke: $color-gray-25;
}
}
.module-countdown__back-path {
fill-opacity: 0;
stroke-width: 2;
@include light-theme {
stroke: $color-gray-05;
}
@include dark-theme {
stroke: $color-gray-75;
}
}
// Module: CompositionInput
.module-composition-input {
&__quill {