diff options
| author | 0neGal <mail@0negal.com> | 2023-05-07 01:04:18 +0200 |
|---|---|---|
| committer | 0neGal <mail@0negal.com> | 2023-05-07 01:04:43 +0200 |
| commit | f247174815100813f5809e73e189ecf8afd99da1 (patch) | |
| tree | 752e285c87cc871a80dc95e31fd12a3549cb8a96 /src/app | |
| parent | 0d7293cd5cdacd9c46bb637e367e969606031038 (diff) | |
| download | Viper-f247174815100813f5809e73e189ecf8afd99da1.tar.gz Viper-f247174815100813f5809e73e189ecf8afd99da1.zip | |
fixed settings' animation messing with tooltip
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/index.html | 12 | ||||
| -rw-r--r-- | src/app/main.css | 10 |
2 files changed, 15 insertions, 7 deletions
diff --git a/src/app/index.html b/src/app/index.html index 2b2abd1..477cd9a 100644 --- a/src/app/index.html +++ b/src/app/index.html @@ -12,9 +12,15 @@ <div id="toasts"></div> <div id="winbtns"> - <div id="settings" tooltip="%%tooltip.settings%%" onclick="Settings.toggle(true)"></div> - <div id="minimize" tooltip="%%tooltip.minimize%%" onclick="ipcRenderer.send('minimize')"></div> - <div id="close" tooltip="%%tooltip.close%%" onclick="ipcRenderer.send('exit')"></div> + <div id="settings" tooltip="%%tooltip.settings%%" onclick="Settings.toggle(true)"> + <img src="icons/settings.png"> + </div> + <div id="minimize" tooltip="%%tooltip.minimize%%" onclick="ipcRenderer.send('minimize')"> + <img src="icons/minimize.png"> + </div> + <div id="close" tooltip="%%tooltip.close%%" onclick="ipcRenderer.send('exit')"> + <img src="icons/close.png"> + </div> </div> <div id="dragUI"> diff --git a/src/app/main.css b/src/app/main.css index fa2fff2..6b10ff2 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -57,11 +57,13 @@ button:active {filter: brightness(90%)} margin-right: calc(var(--padding) / 2); } -#winbtns #close {background-image: url("icons/close.png")} -#winbtns #minimize {background-image: url("icons/minimize.png")} -#winbtns #settings {background-image: url("icons/settings.png")} +#winbtns div img { + width: 100%; + height: 100%; + transition: transform 0.25s ease-in-out; +} -#winbtns #settings:hover { +#winbtns #settings:hover img { transform: rotate(90deg); } |