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

Merge pull request #4190 from matrix-org/jryans/mark-as-read-dark

Browse source 
Fix mark as read button for dark theme
This commit is contained in:
J. Ryan Stinnett 2020-03-10 10:04:32 +00:00 committed by GitHub
commit b64faad4e5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
res/css/views/rooms/_TopUnreadMessagesBar.scss
View file

@ -51,7 +51,7 @@ limitations under the License.
position: absolute; position: absolute;
width: 38px; width: 38px;
height: 38px; height: 38px;
mask: url('$(res)/img/icon-jump-to-first-unread.svg'); mask-image: url('$(res)/img/icon-jump-to-first-unread.svg');
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: 9px 13px; mask-position: 9px 13px;
background: $roomtile-name-color; background: $roomtile-name-color;
@ -61,12 +61,20 @@ limitations under the License.
display: block; display: block;
width: 18px; width: 18px;
height: 18px; height: 18px;
background-image: url('$(res)/img/cancel.svg'); background: $primary-bg-color;
background-position: center;
background-size: 10px;
background-repeat: no-repeat;
background-color: $primary-bg-color;
border: 1.3px solid $roomtile-name-color; border: 1.3px solid $roomtile-name-color;
border-radius: 99px; border-radius: 10px;
margin: 5px auto; margin: 5px auto;
} }
.mx_TopUnreadMessagesBar_markAsRead::before {
content: "";
position: absolute;
width: 18px;
height: 18px;
mask-image: url('$(res)/img/cancel.svg');
mask-repeat: no-repeat;
mask-size: 10px;
mask-position: 4px 4px;
background: $roomtile-name-color;
}