mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2026-05-04 11:51:36 +02:00
Code Issues Projects Releases Wiki Activity

Make cascading of mx_RoomHeader_closeButton easy to understand (#10756)

Browse Source 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
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 {