mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-22 19:14:52 +01:00
Code Issues Projects Releases 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 c06c15ed9e
commit 9c467d9149
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;
}