mystiq
/
hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP: styling for date separator

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 */
margin: 0;
/* first try break-all, then break-word, which isn't supported everywhere */
word-break: break-all;
word-break: break-all;
word-break: break-word;
}
@ -422,3 +422,17 @@ only loads when the top comes into view*/
.GapView.isAtTop {
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;
}