aboutsummaryrefslogtreecommitdiff
path: root/src/plugins/spotifyControls/hoverOnly.css
diff options
context:
space:
mode:
authorVendicated <vendicated@riseup.net>2023-04-11 00:32:11 +0200
committerVendicated <vendicated@riseup.net>2023-04-11 00:32:11 +0200
commit8a305d2d1112f800c09b01ed59131945f03a8e01 (patch)
treefa8acd620471ecab4374833791d6dbab2d04a6e4 /src/plugins/spotifyControls/hoverOnly.css
parent7eb12f0fb78a82b715459db43eb1cc3ecf746979 (diff)
downloadVencord-8a305d2d1112f800c09b01ed59131945f03a8e01.tar.gz
Vencord-8a305d2d1112f800c09b01ed59131945f03a8e01.tar.bz2
Vencord-8a305d2d1112f800c09b01ed59131945f03a8e01.zip
clean up spotify controls css
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;
+}