PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

style date separator

Browse source
This commit is contained in:
Bruno Windels 2018-10-23 10:25:04 +02:00
parent bf6486ac4f
commit 2a264f36b7
2 changed files with 17 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
res/css/views/messages/_DateSeparator.scss
View file

@ -16,10 +16,21 @@ limitations under the License.
.mx_DateSeparator { .mx_DateSeparator {
clear: both; clear: both;
margin-top: 32px; margin: 4px 0;
margin-bottom: 8px; display: flex;
margin-left: 63px; align-items: center;
padding-bottom: 6px; font-size: 14px;
border-bottom: 1px solid $primary-hairline-color; color: $roomtopic-color;
} }
.mx_DateSeparator > hr {
flex: 1 1 0;
height: 0;
border: none;
border-bottom: 1px solid $panel-divider-color;
}
.mx_DateSeparator > date {
margin: 0 25px;
flex: 0 0 auto;
}

2
src/components/views/messages/DateSeparator.js
View file

@ -56,6 +56,6 @@ export default class DateSeparator extends React.Component {
} }
render() { render() {
return <h2 className="mx_DateSeparator">{ this.getLabel() }</h2>; return <h2 className="mx_DateSeparator"><hr/><date>{ this.getLabel() }</date><hr/></h2>;
} }
} }