imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Implement sticky date separators

Browse source 
Codep https://github.com/matrix-org/matrix-react-sdk/pull/1353
This commit is contained in:
Luke Barnard 2017-08-30 14:06:50 +01:00
parent 3664a86722
commit 88228a5a3f
3 changed files with 34 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/skins/vector/css/vector-web/views/messages/_DateSeparator.scss
View file

@ -16,10 +16,26 @@ limitations under the License.
.mx_DateSeparator {
clear: both;
margin-top: 32px;
margin-bottom: 8px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 63px;
padding-top: 5px;
padding-bottom: 6px;
border-bottom: 1px solid $primary-hairline-color;
}
.mx_DateSeparator_container {
margin-top: 27px;
margin-bottom: 8px;
background-color: $primary-bg-color;
z-index: 3;
}
.mx_DateSeparator_container_sticky {
position: relative;
border-bottom: 1px solid $primary-hairline-color;
}
.mx_DateSeparator_container_sticky .mx_DateSeparator {
border: 0px;
}