Merge pull request #4939 from vector-im/luke/feature-sticky-date-separators
Implement sticky date separators
This commit is contained in:
commit
b8d9276f29
3 changed files with 34 additions and 36 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue