From 1366d7dc82f7ef96364278c1bc57e88386c2d951 Mon Sep 17 00:00:00 2001 From: Jip Fr Date: Wed, 10 Jan 2024 21:45:54 +0100 Subject: [PATCH 1/3] Add hover state to toggle button --- src/components/ToggleButton.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css index eba4415..4413809 100644 --- a/src/components/ToggleButton.css +++ b/src/components/ToggleButton.css @@ -33,6 +33,7 @@ } .toggle-button { + cursor: pointer; position: absolute; z-index: 1; top: 0; From 3e0ae7bd5907ddf0affaf9c44c59a6ad9e797505 Mon Sep 17 00:00:00 2001 From: Jip Fr Date: Wed, 10 Jan 2024 21:46:53 +0100 Subject: [PATCH 2/3] Add :active state --- src/components/ToggleButton.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/components/ToggleButton.css b/src/components/ToggleButton.css index 4413809..2a6b917 100644 --- a/src/components/ToggleButton.css +++ b/src/components/ToggleButton.css @@ -46,6 +46,10 @@ background-color: transparent; } +.toggle-button:active .inside-glow { + transform: rotate(180deg); +} + .actual-button-style { position: absolute; top: 0; From aa8a9486c7e77c2509961b6a63f18388ca9fa092 Mon Sep 17 00:00:00 2001 From: Jip Fr Date: Wed, 10 Jan 2024 22:04:51 +0100 Subject: [PATCH 3/3] Add inter --- src/Popup.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/Popup.css b/src/Popup.css index 6df3a09..87fe58a 100644 --- a/src/Popup.css +++ b/src/Popup.css @@ -1,5 +1,8 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;800&display=swap'); + body { margin: 0; + font-family: 'Inter', sans-serif; } .popup {