EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4470 format-text: Make image viewer button always round

main
Pau Ferrer Ocaña 2024-05-22 17:15:28 +02:00
parent 4da3e650e0
commit f53800471d
1 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/theme/components/format-text.scss
View File

@ -69,37 +69,37 @@ core-format-text {
position: relative; position: relative;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
}
.core-image-viewer-icon { .core-image-viewer-icon {
position: absolute;
@include position(null, 10px, 10px, null);
color: var(--ion-text-color);
border-radius: var(--mdl-shape-borderRadius-xl);
background-color: var(--core-format-text-viewer-icon-background);
display: flex;
width: var(--a11y-sizing-minTargetSize);
height: var(--a11y-sizing-minTargetSize);
max-width: var(--a11y-sizing-minTargetSize);
font-size: var(--mdl-typography-icon-fontSize-lg);
ion-icon {
flex: 1;
align-self: center;
/** Fix iOS icon size */
margin: 0 auto;
position: absolute; position: absolute;
left: 0; @include position(null, 10px, 10px, null);
right: 0; color: var(--ion-text-color);
} border-radius: var(--mdl-shape-borderRadius-xl);
background-color: var(--core-format-text-viewer-icon-background);
display: flex;
&:hover { width: var(--a11y-sizing-minTargetSize);
opacity: .7; height: var(--a11y-sizing-minTargetSize);
} max-width: var(--a11y-sizing-minTargetSize);
font-size: var(--mdl-typography-icon-fontSize-lg);
&.hidden { ion-icon {
display: none; flex: 1;
align-self: center;
/** Fix iOS icon size */
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
}
&:hover {
opacity: .7;
}
&.hidden {
display: none;
}
} }
} }