aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2023-05-07 01:04:18 +0200
committer0neGal <mail@0negal.com>2023-05-07 01:04:43 +0200
commitf247174815100813f5809e73e189ecf8afd99da1 (patch)
tree752e285c87cc871a80dc95e31fd12a3549cb8a96
parent0d7293cd5cdacd9c46bb637e367e969606031038 (diff)
downloadViper-f247174815100813f5809e73e189ecf8afd99da1.tar.gz
Viper-f247174815100813f5809e73e189ecf8afd99da1.zip
fixed settings' animation messing with tooltip
-rw-r--r--src/app/index.html12
-rw-r--r--src/app/main.css10
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);
}