chinwag/chinwagsocial
chinwag/chinwagsocial
2
0
Fork 0
Code Issues Pull requests Releases 14 Wiki Activity

Change zoom icon in web UI (#29683)

Browse source
This commit is contained in:
Eugen Rochko 2024-09-20 11:42:02 +02:00 • committed by GitHub
commit e7fd0985c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 114 additions and 145 deletions
Download patch file Download diff file Expand all files Collapse all files

59
app/javascript/styles/mastodon/components.scss
View file

@ -5764,19 +5764,34 @@ a.status-card {
height: 100%;
position: relative;
&__close,
&__zoom-button {
color: rgba($white, 0.7);
&__buttons {
position: absolute;
inset-inline-end: 8px;
top: 8px;
z-index: 100;
display: flex;
gap: 8px;
align-items: center;
&:hover,
&:focus,
&:active {
color: $white;
background-color: rgba($white, 0.15);
}
.icon-button {
color: rgba($white, 0.7);
padding: 8px;
&:focus {
background-color: rgba($white, 0.3);
.icon {
width: 24px;
height: 24px;
}
&:hover,
&:focus,
&:active {
color: $white;
background-color: rgba($white, 0.15);
}
&:focus {
background-color: rgba($white, 0.3);
}
}
}
}
@ -5937,28 +5952,6 @@ a.status-card {
}
}
.media-modal__close {
position: absolute;
inset-inline-end: 8px;
top: 8px;
z-index: 100;
}
.media-modal__zoom-button {
position: absolute;
inset-inline-end: 64px;
top: 8px;
z-index: 100;
pointer-events: auto;
transition: opacity 0.3s linear;
will-change: opacity;
}
.media-modal__zoom-button--hidden {
pointer-events: none;
opacity: 0;
}
.onboarding-modal,
.error-modal,
.embed-modal {