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

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

14
res/css/views/rooms/_RoomHeader.pcss
View file

@ -179,7 +179,7 @@ limitations under the License.
mask-size: contain; mask-size: contain;
} }
&:not(.mx_RoomHeader_closeButton):hover { &:hover {
background: rgba($accent, 0.1); background: rgba($accent, 0.1);
&::before { &::before {
@ -232,12 +232,22 @@ limitations under the License.
mask-image: url("$(res)/img/element-icons/call/spotlight.svg"); mask-image: url("$(res)/img/element-icons/call/spotlight.svg");
} }
.mx_RoomHeader_closeButton::before { .mx_RoomHeader_closeButton {
&::before {
mask-image: url("$(res)/img/cancel.svg"); mask-image: url("$(res)/img/cancel.svg");
mask-size: 20px; mask-size: 20px;
mask-position: center; 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 { .mx_RoomHeader_minimiseButton::before {
mask-image: url("$(res)/img/element-icons/reduce.svg"); mask-image: url("$(res)/img/element-icons/reduce.svg");
} }