OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Make cascading of `mx_RoomHeader_closeButton` easy to understand (#10756) 

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
pull/28217/head
Suguru Hirahara 2023-05-05 13:19:26 +00:00 committed by GitHub
parent 4bca5143ee
commit b724cb5fd2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
res/css/views/rooms/_RoomHeader.pcss
View File

@ -179,7 +179,7 @@ limitations under the License.
mask-size: contain;
}
&:not(.mx_RoomHeader_closeButton):hover {
&:hover {
background: rgba($accent, 0.1);
&::before {
@ -232,10 +232,20 @@ limitations under the License.
mask-image: url("$(res)/img/element-icons/call/spotlight.svg");
}
.mx_RoomHeader_closeButton::before {
mask-image: url("$(res)/img/cancel.svg");
mask-size: 20px;
mask-position: center;
.mx_RoomHeader_closeButton {
&::before {
mask-image: url("$(res)/img/cancel.svg");
mask-size: 20px;
mask-position: center;
}
&:hover {
background: unset; /* remove background color on hover */
&::before {
background-color: $icon-button-color; /* set the default background color */
}
}
}
.mx_RoomHeader_minimiseButton::before {