diff options
| author | AutumnVN <autumnvnchino@gmail.com> | 2023-10-06 09:07:16 +0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-10-06 04:07:16 +0200 |
| commit | 79295683eeb513de7cf07cf647bf56de5cae37aa (patch) | |
| tree | 52ec7a6c17054b783f10208cb2c318099142a138 | |
| parent | 5eb9dd04dff212686e3395752877ddf62c1f78e2 (diff) | |
| download | Vencord-79295683eeb513de7cf07cf647bf56de5cae37aa.tar.gz Vencord-79295683eeb513de7cf07cf647bf56de5cae37aa.tar.bz2 Vencord-79295683eeb513de7cf07cf647bf56de5cae37aa.zip | |
PictureInPicture: pip button hover styles (#1775)
Co-authored-by: V <vendicated@riseup.net>
| -rw-r--r-- | src/plugins/pictureInPicture/index.tsx | 5 | ||||
| -rw-r--r-- | src/plugins/pictureInPicture/styles.css | 8 |
2 files changed, 12 insertions, 1 deletions
diff --git a/src/plugins/pictureInPicture/index.tsx b/src/plugins/pictureInPicture/index.tsx index d10d42f..bb6aee1 100644 --- a/src/plugins/pictureInPicture/index.tsx +++ b/src/plugins/pictureInPicture/index.tsx @@ -4,6 +4,8 @@ * SPDX-License-Identifier: GPL-3.0-or-later */ +import "./styles.css"; + import { definePluginSettings } from "@api/Settings"; import ErrorBoundary from "@components/ErrorBoundary"; import { Devs } from "@utils/constants"; @@ -41,6 +43,7 @@ export default definePlugin({ {tooltipProps => ( <div {...tooltipProps} + className="vc-pip-button" role="button" style={{ cursor: "pointer", @@ -71,7 +74,7 @@ export default definePlugin({ > <svg width="24px" height="24px" viewBox="0 0 24 24"> <path - fill="var(--interactive-normal)" + fill="currentColor" d="M21 3a1 1 0 0 1 1 1v7h-2V5H4v14h6v2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm0 10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h8zm-1 2h-6v4h6v-4z" /> </svg> diff --git a/src/plugins/pictureInPicture/styles.css b/src/plugins/pictureInPicture/styles.css new file mode 100644 index 0000000..d0a81ca --- /dev/null +++ b/src/plugins/pictureInPicture/styles.css @@ -0,0 +1,8 @@ +.vc-pip-button { + color: var(--interactive-normal); +} + +.vc-pip-button:hover { + background-color: var(--background-modifier-hover); + color: var(--interactive-hover); +} |