aboutsummaryrefslogtreecommitdiff
path: root/src/plugins/spotifyControls/hoverOnly.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/plugins/spotifyControls/hoverOnly.css')
-rw-r--r--src/plugins/spotifyControls/hoverOnly.css16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/plugins/spotifyControls/hoverOnly.css b/src/plugins/spotifyControls/hoverOnly.css
new file mode 100644
index 0000000..8051cc4
--- /dev/null
+++ b/src/plugins/spotifyControls/hoverOnly.css
@@ -0,0 +1,16 @@
+.vc-spotify-button-row {
+ height: 0;
+ opacity: 0;
+ pointer-events: none;
+ transition: 0.2s;
+ transition-property: height;
+}
+
+#vc-spotify-player:hover .vc-spotify-button-row {
+ opacity: 1;
+ height: 32px;
+ pointer-events: auto;
+
+ /* only transition opacity on show to prevent clipping */
+ transition-property: height, opacity;
+}