Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

WIP: styling for date separator

Browse source
This commit is contained in:
Bruno Windels 2022-06-25 12:52:44 +02:00
parent fa534b0ca9
commit 2bba8f09ed
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/platform/web/ui/css/themes/element/timeline.css
View file

@ -103,7 +103,7 @@ limitations under the License.
/* reset body margin */ /* reset body margin */
margin: 0; margin: 0;
/* first try break-all, then break-word, which isn't supported everywhere */ /* first try break-all, then break-word, which isn't supported everywhere */
word-break: break-all; word-break: break-all;
word-break: break-word; word-break: break-word;
} }
@ -422,3 +422,17 @@ only loads when the top comes into view*/
.GapView.isAtTop { .GapView.isAtTop {
padding: 52px 20px 12px 20px; padding: 52px 20px 12px 20px;
} }
.DateSeparator {
display: flex;
justify-content: center;
margin: 8px 0;
}
.DateSeparator > time {
background-color: var(--background-color-primary--darker-10);
border-radius: 16px;
padding: 4px 16px;
}