From dc36cdf539d196b92dc2e151fdc791ba02d2150a Mon Sep 17 00:00:00 2001 From: Victor Savinov Date: Fri, 17 Sep 2021 15:36:55 +0300 Subject: [PATCH] Release of v2.0 --- _locales/am/messages.json | 9 +- _locales/ar/messages.json | 9 +- _locales/bg/messages.json | 9 +- _locales/bn/messages.json | 9 +- _locales/ca/messages.json | 9 +- _locales/cs/messages.json | 9 +- _locales/da/messages.json | 9 +- _locales/de/messages.json | 9 +- _locales/el/messages.json | 9 +- _locales/en/messages.json | 9 +- _locales/es/messages.json | 9 +- _locales/et/messages.json | 9 +- _locales/fa/messages.json | 9 +- _locales/fi/messages.json | 9 +- _locales/fil/messages.json | 9 +- _locales/fr/messages.json | 9 +- _locales/gu/messages.json | 9 +- _locales/he/messages.json | 9 +- _locales/hi/messages.json | 9 +- _locales/hr/messages.json | 9 +- _locales/hu/messages.json | 9 +- _locales/id/messages.json | 9 +- _locales/it/messages.json | 9 +- _locales/ja/messages.json | 9 +- _locales/kn/messages.json | 9 +- _locales/ko/messages.json | 9 +- _locales/lt/messages.json | 9 +- _locales/lv/messages.json | 9 +- _locales/ml/messages.json | 9 +- _locales/mr/messages.json | 9 +- _locales/ms/messages.json | 9 +- _locales/nl/messages.json | 9 +- _locales/no/messages.json | 9 +- _locales/pl/messages.json | 9 +- _locales/pt_BR/messages.json | 9 +- _locales/pt_PT/messages.json | 9 +- _locales/ro/messages.json | 9 +- _locales/ru/messages.json | 9 +- _locales/sk/messages.json | 9 +- _locales/sl/messages.json | 9 +- _locales/sr/messages.json | 9 +- _locales/sv/messages.json | 9 +- _locales/sw/messages.json | 9 +- _locales/ta/messages.json | 9 +- _locales/te/messages.json | 9 +- _locales/th/messages.json | 9 +- _locales/tr/messages.json | 9 +- _locales/uk/messages.json | 9 +- _locales/vi/messages.json | 9 +- _locales/zh_CN/messages.json | 9 +- _locales/zh_TW/messages.json | 9 +- content-script.js | 357 ++++++++++++----------------------- content-styles.css | 2 - popup/popup.css | 17 +- popup/popup.js | 21 ++- popup/satus.css | 2 +- 56 files changed, 452 insertions(+), 406 deletions(-) diff --git a/_locales/am/messages.json b/_locales/am/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/am/messages.json +++ b/_locales/am/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ar/messages.json b/_locales/ar/messages.json index f7d6628..8914cb9 100644 --- a/_locales/ar/messages.json +++ b/_locales/ar/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "إلغاء" }, @@ -17,12 +20,12 @@ "frame": { "message": "إطار" }, - "hide": { - "message": "إخفاء" - }, "hideInFullscreen": { "message": "إخفاء في وضع ملء الشاشة" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/bg/messages.json b/_locales/bg/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/bg/messages.json +++ b/_locales/bg/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/bn/messages.json b/_locales/bn/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/bn/messages.json +++ b/_locales/bn/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ca/messages.json b/_locales/ca/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ca/messages.json +++ b/_locales/ca/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/cs/messages.json b/_locales/cs/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/cs/messages.json +++ b/_locales/cs/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/da/messages.json b/_locales/da/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/da/messages.json +++ b/_locales/da/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/de/messages.json b/_locales/de/messages.json index 180081b..bab1a5b 100644 --- a/_locales/de/messages.json +++ b/_locales/de/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Verstecken" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/el/messages.json b/_locales/el/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/el/messages.json +++ b/_locales/el/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/es/messages.json b/_locales/es/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/es/messages.json +++ b/_locales/es/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/et/messages.json b/_locales/et/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/et/messages.json +++ b/_locales/et/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/fa/messages.json b/_locales/fa/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/fa/messages.json +++ b/_locales/fa/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/fi/messages.json b/_locales/fi/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/fi/messages.json +++ b/_locales/fi/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/fil/messages.json b/_locales/fil/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/fil/messages.json +++ b/_locales/fil/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/fr/messages.json b/_locales/fr/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/fr/messages.json +++ b/_locales/fr/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/gu/messages.json b/_locales/gu/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/gu/messages.json +++ b/_locales/gu/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/he/messages.json b/_locales/he/messages.json index f44053e..dbc3c47 100644 --- a/_locales/he/messages.json +++ b/_locales/he/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "ביטול" }, @@ -17,12 +20,12 @@ "frame": { "message": "פריים" }, - "hide": { - "message": "הסתרה" - }, "hideInFullscreen": { "message": "הסתרה במסך מלא" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/hi/messages.json b/_locales/hi/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/hi/messages.json +++ b/_locales/hi/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/hr/messages.json b/_locales/hr/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/hr/messages.json +++ b/_locales/hr/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/hu/messages.json b/_locales/hu/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/hu/messages.json +++ b/_locales/hu/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/id/messages.json b/_locales/id/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/id/messages.json +++ b/_locales/id/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/it/messages.json b/_locales/it/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/it/messages.json +++ b/_locales/it/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ja/messages.json b/_locales/ja/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ja/messages.json +++ b/_locales/ja/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/kn/messages.json b/_locales/kn/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/kn/messages.json +++ b/_locales/kn/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ko/messages.json b/_locales/ko/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ko/messages.json +++ b/_locales/ko/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/lt/messages.json b/_locales/lt/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/lt/messages.json +++ b/_locales/lt/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/lv/messages.json b/_locales/lv/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/lv/messages.json +++ b/_locales/lv/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ml/messages.json b/_locales/ml/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ml/messages.json +++ b/_locales/ml/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/mr/messages.json b/_locales/mr/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/mr/messages.json +++ b/_locales/mr/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ms/messages.json b/_locales/ms/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ms/messages.json +++ b/_locales/ms/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/nl/messages.json b/_locales/nl/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/nl/messages.json +++ b/_locales/nl/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/no/messages.json b/_locales/no/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/no/messages.json +++ b/_locales/no/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/pl/messages.json b/_locales/pl/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/pl/messages.json +++ b/_locales/pl/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/pt_BR/messages.json b/_locales/pt_BR/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/pt_BR/messages.json +++ b/_locales/pt_BR/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/pt_PT/messages.json b/_locales/pt_PT/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/pt_PT/messages.json +++ b/_locales/pt_PT/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ro/messages.json b/_locales/ro/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ro/messages.json +++ b/_locales/ro/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ru/messages.json b/_locales/ru/messages.json index f1ebb30..6713e90 100644 --- a/_locales/ru/messages.json +++ b/_locales/ru/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Кадр" }, - "hide": { - "message": "Скрыть" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/sk/messages.json b/_locales/sk/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/sk/messages.json +++ b/_locales/sk/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/sl/messages.json b/_locales/sl/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/sl/messages.json +++ b/_locales/sl/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/sr/messages.json b/_locales/sr/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/sr/messages.json +++ b/_locales/sr/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/sv/messages.json b/_locales/sv/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/sv/messages.json +++ b/_locales/sv/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/sw/messages.json b/_locales/sw/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/sw/messages.json +++ b/_locales/sw/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/ta/messages.json b/_locales/ta/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/ta/messages.json +++ b/_locales/ta/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/te/messages.json b/_locales/te/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/te/messages.json +++ b/_locales/te/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/th/messages.json b/_locales/th/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/th/messages.json +++ b/_locales/th/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/tr/messages.json b/_locales/tr/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/tr/messages.json +++ b/_locales/tr/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/uk/messages.json b/_locales/uk/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/uk/messages.json +++ b/_locales/uk/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/vi/messages.json b/_locales/vi/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/vi/messages.json +++ b/_locales/vi/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/zh_CN/messages.json b/_locales/zh_CN/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/zh_CN/messages.json +++ b/_locales/zh_CN/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/_locales/zh_TW/messages.json b/_locales/zh_TW/messages.json index 61656a6..0b77d6d 100644 --- a/_locales/zh_TW/messages.json +++ b/_locales/zh_TW/messages.json @@ -5,6 +5,9 @@ "backgroundColor": { "message": "Background color" }, + "blur": { + "message": "Blur" + }, "cancel": { "message": "Cancel" }, @@ -17,12 +20,12 @@ "frame": { "message": "Frame" }, - "hide": { - "message": "Hide" - }, "hideInFullscreen": { "message": "Hide in fullscreen" }, + "hidePanel": { + "message": "Hide panel" + }, "nextFrame": { "message": "Next frame" }, diff --git a/content-script.js b/content-script.js index 406ca2b..cc7c360 100644 --- a/content-script.js +++ b/content-script.js @@ -133,13 +133,6 @@ function createUserInterface() { createUserInterfaceItem('time', info_panel); createUserInterfaceItem('duration', info_panel); createUserInterfaceItem('frame', info_panel); - createUserInterfaceItem('nextFrame', info_panel); - createUserInterfaceItem('previousFrame', info_panel); - createUserInterfaceItem('hide', info_panel); - - ui.nextFrame.innerText = '>'; - ui.previousFrame.innerText = '<'; - ui.hide.innerText = 'i'; info_panel.appendChild(show_hide_button); info_panel.appendChild(drag_and_drop_button); @@ -216,7 +209,7 @@ function searchVideos() { var founded = false; for (var j = 0, k = media.length; j < k; j++) { - if (elements[i] === media[j].element) { + if (media[j] && elements[i] === media[j].element) { founded = true; } } @@ -244,14 +237,19 @@ function searchVideos() { function calcPositions() { for (var i = 0, l = media.length; i < l; i++) { - var object = media[i], - data = object.element.getBoundingClientRect(); - - if (data.width !== 0 && data.height !== 0) { - object.left = data.left + scroll.x; - object.top = data.top + scroll.y; - object.width = data.width; - object.height = data.height; + var object = media[i]; + + if (object) { + var data = object.element.getBoundingClientRect(); + + if (data.width !== 0 && data.height !== 0) { + object.left = data.left + scroll.x; + object.top = data.top + scroll.y; + object.width = data.width; + object.height = data.height; + } else { + delete media[i]; + } } } } @@ -262,12 +260,13 @@ function calcPositions() { --------------------------------------------------------------*/ function checkMouse() { - //active = false; + active = false; for (var i = 0, l = media.length; i < l; i++) { var rect = media[i]; if ( + rect && mouse.x + scroll.x > rect.left && mouse.y + scroll.y > rect.top && mouse.x + scroll.x < rect.left + rect.width && @@ -315,12 +314,17 @@ window.addEventListener('scroll', function() { ------------------------------------------------------------------------------*/ function keyboard() { - var keys = {}, - wheel = 0, + var data = { + alt: false, + ctrl: false, + shift: false, + keys: {}, + wheel: 0 + }, hover = false, - status_timer, features = { next_shortcut: function() { + console.log(0); if (active) { var video = active.element, frame = 1 / 60; @@ -371,261 +375,100 @@ function keyboard() { } }; - function start(type = 'keys') { - console.log(features); - if (document.activeElement && ['EMBED', 'INPUT', 'OBJECT', 'TEXTAREA', 'IFRAME'].indexOf(document.activeElement.tagName) !== -1 || event.target.isContentEditable) { - return false; - } + function handler() { + var prevent = false; + for (var key in features) { + var shortcut = storage[key]; - for (var i in features) { - if (isset(storage[i])) { - var data = JSON.parse(storage[i]); - - if (!data) { - if (i === 'next_shortcut') { - data = { - key: 'ArrowRight' - }; - } else if (i === 'prev_shortcut') { - data = { - key: 'ArrowLeft' - }; - } else if (i === 'hide_shortcut') { - data = { - key: 'i' - }; - } - } + if (shortcut) { + var same_keys = true; if ( - (data.key === keys.key || !isset(data.key)) && - (data.shiftKey === keys.shiftKey || !isset(data.shiftKey)) && - (data.ctrlKey === keys.ctrlKey || !isset(data.ctrlKey)) && - (data.altKey === keys.altKey || !isset(data.altKey)) && - ((data.wheel > 0) === (wheel > 0) || !isset(data.wheel)) && - ((hover === true && (data.wheel > 0) === (wheel > 0) && Object.keys(keys).length === 0 && keys.constructor === Object) || (isset(data.key) || isset(data.altKey) || isset(data.ctrlKey))) + (data.alt === shortcut.alt || shortcut.hasOwnProperty('alt') === false) && + (data.ctrl === shortcut.ctrl || shortcut.hasOwnProperty('ctrl') === false) && + (data.shift === shortcut.shift || shortcut.hasOwnProperty('shift') === false) && + (data.wheel === shortcut.wheel || shortcut.hasOwnProperty('wheel') === false) ) { - console.log(data, keys); - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - event.preventDefault(); - event.stopPropagation(); + for (var code in data.keys) { + if (!shortcut.keys[code]) { + same_keys = false; + } + } + for (var code in shortcut.keys) { + if (!data.keys[code]) { + same_keys = false; + } } - features[i](); + if (data.wheel === 0 || data.player === true) { + if (same_keys === true) { + features[key](); - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - return false; + prevent = true; + } } } } } - return true; + return prevent; } - - /*------------------------------------------------------------------------- - 1.0 Keyboard - -------------------------------------------------------------------------*/ - window.addEventListener('keydown', function(event) { - keys = { - key: event.key, - keyCode: event.keyCode, - shiftKey: event.shiftKey, - ctrlKey: event.ctrlKey, - altKey: event.altKey - }; - - start(); - if (document.activeElement && ['EMBED', 'INPUT', 'OBJECT', 'TEXTAREA', 'IFRAME'].indexOf(document.activeElement.tagName) !== -1 || event.target.isContentEditable) { - return; + return false; } - for (var i in features) { - if (isset(storage[i])) { - var data = JSON.parse(storage[i]); - - if (!data) { - if (i === 'next_shortcut') { - data = { - key: 'ArrowRight' - }; - } else if (i === 'prev_shortcut') { - data = { - key: 'ArrowLeft' - }; - } else if (i === 'hide_shortcut') { - data = { - key: 'i' - }; - } - } - - if ( - (data.key === keys.key || !isset(data.key)) && - (data.shiftKey === keys.shiftKey || !isset(data.shiftKey)) && - (data.ctrlKey === keys.ctrlKey || !isset(data.ctrlKey)) && - (data.altKey === keys.altKey || !isset(data.altKey)) && - ((data.wheel > 0) === (wheel > 0) || !isset(data.wheel)) && - ((hover === true && (data.wheel > 0) === (wheel > 0) && Object.keys(keys).length === 0 && keys.constructor === Object) || (isset(data.key) || isset(data.altKey) || isset(data.ctrlKey))) - ) { - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - event.preventDefault(); - event.stopPropagation(); - } + if (event.code === 'AltLeft' || event.code === 'AltRight') { + data.alt = true; + } else if (event.code === 'ControlLeft' || event.code === 'ControlRight') { + data.ctrl = true; + } else if (event.code === 'ShiftLeft' || event.code === 'ShiftRight') { + data.shift = true; + } else { + data.keys[event.keyCode] = true; + } - features[i](); + data.wheel = 0; - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - return false; - } - } - } + if (handler() === true) { + event.preventDefault(); } - }, { - passive: false, - capture: true - }); + }, true); window.addEventListener('keyup', function(event) { if (document.activeElement && ['EMBED', 'INPUT', 'OBJECT', 'TEXTAREA', 'IFRAME'].indexOf(document.activeElement.tagName) !== -1 || event.target.isContentEditable) { - keys = {}; - - return true; - } - - for (var i in features) { - if (isset(storage[i])) { - var data = JSON.parse(storage[i]); - - if (!data) { - if (i === 'next_shortcut') { - data = { - key: 'ArrowRight' - }; - } else if (i === 'prev_shortcut') { - data = { - key: 'ArrowLeft' - }; - } else if (i === 'hide_shortcut') { - data = { - key: 'i' - }; - } - } - - if ( - (data.key === keys.key || !isset(data.key)) && - (data.shiftKey === keys.shiftKey || !isset(data.shiftKey)) && - (data.ctrlKey === keys.ctrlKey || !isset(data.ctrlKey)) && - (data.altKey === keys.altKey || !isset(data.altKey)) && - ((data.wheel > 0) === (wheel > 0) || !isset(data.wheel)) && - ((hover === true && (data.wheel > 0) === (wheel > 0) && Object.keys(keys).length === 0 && keys.constructor === Object) || (isset(data.key) || isset(data.altKey) || isset(data.ctrlKey))) - ) { - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - event.preventDefault(); - event.stopPropagation(); - } - - features[i](); - - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - keys = {}; - - return false; - } - } - } + return false; } - keys = {}; - }, { - passive: false, - capture: true - }); - - window.addEventListener('keypress', function(event) { - if (document.activeElement && ['EMBED', 'INPUT', 'OBJECT', 'TEXTAREA', 'IFRAME'].indexOf(document.activeElement.tagName) !== -1 || event.target.isContentEditable) { - return true; + if (event.code === 'AltLeft' || event.code === 'AltRight') { + data.alt = false; + } else if (event.code === 'ControlLeft' || event.code === 'ControlRight') { + data.ctrl = false; + } else if (event.code === 'ShiftLeft' || event.code === 'ShiftRight') { + data.shift = false; + } else { + delete data.keys[event.keyCode]; } - for (var i in features) { - if (isset(storage[i])) { - var data = JSON.parse(storage[i]); - - if (!data) { - if (i === 'next_shortcut') { - data = { - key: 'ArrowRight' - }; - } else if (i === 'prev_shortcut') { - data = { - key: 'ArrowLeft' - }; - } else if (i === 'hide_shortcut') { - data = { - key: 'i' - }; - } - } - - if ( - (data.key === keys.key || !isset(data.key)) && - (data.shiftKey === keys.shiftKey || !isset(data.shiftKey)) && - (data.ctrlKey === keys.ctrlKey || !isset(data.ctrlKey)) && - (data.altKey === keys.altKey || !isset(data.altKey)) && - ((data.wheel > 0) === (wheel > 0) || !isset(data.wheel)) && - ((hover === true && (data.wheel > 0) === (wheel > 0) && Object.keys(keys).length === 0 && keys.constructor === Object) || (isset(data.key) || isset(data.altKey) || isset(data.ctrlKey))) - ) { - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - event.preventDefault(); - event.stopPropagation(); - } - - features[i](); + data.wheel = 0; + }, true); - if (type === 'wheel' && isset(data.wheel) || type === 'keys') { - keys = {}; - - return false; - } - } - } + window.addEventListener('wheel', function(event) { + if (event.deltaY > 0) { + data.wheel = 1; + } else { + data.wheel = -1; } - }, { - passive: false, - capture: true - }); - - - /*------------------------------------------------------------------------- - 2.0 Mouse - -------------------------------------------------------------------------*/ - window.addEventListener('mousemove', function(event) { - hover = false; - - for (var i = 0, l = event.path.length; i < l; i++) { - if (event.path[i].classList && event.path[i].classList.contains('html5-video-player')) { - hover = true; - } + if (handler() === true) { + event.preventDefault(); } }, { passive: false, capture: true }); - - window.addEventListener('wheel', function(event) { - wheel = event.deltaY; - - start('wheel'); - }, { - passive: false, - capture: true - }); } @@ -682,6 +525,42 @@ window.addEventListener('DOMContentLoaded', function() { ui.info_panel.style.opacity = .85; } + if (items.hasOwnProperty('blur')) { + ui.info_panel.style.backdropFilter = 'blur(' + items.blur + 'px)'; + } else { + ui.info_panel.style.backdropFilter = 'blur(4px)'; + } + + if (items.hasOwnProperty('next_shortcut') === false) { + items.next_shortcut = { + keys: { + 39: { + key: 'ArrowRight' + } + } + }; + } + + if (items.hasOwnProperty('prev_shortcut') === false) { + items.prev_shortcut = { + keys: { + 37: { + key: 'ArrowLeft' + } + } + }; + } + + if (items.hasOwnProperty('hide_shortcut') === false) { + items.hide_shortcut = { + keys: { + 72: { + key: 'h' + } + } + }; + } + setInterval(searchVideos, 2500); setInterval(calcPositions, 1000); setInterval(checkMouse, 100); @@ -710,6 +589,8 @@ chrome.storage.onChanged.addListener(function(changes) { hide_in_fullscreen = value; } else if (key === 'opacity') { ui.info_panel.style.opacity = value; + } else if (key === 'blur') { + ui.info_panel.style.backdropFilter = 'blur(' + value + 'px)'; } else if (key === 'background_color') { if (value) { ui.info_panel.style.backgroundColor = 'rgb(' + value.rgb.join(',') + ')'; diff --git a/content-styles.css b/content-styles.css index 0cfeb2e..af126bb 100644 --- a/content-styles.css +++ b/content-styles.css @@ -58,8 +58,6 @@ color: #fff; border: 1px solid rgba(255,255,255,.2); - - backdrop-filter: blur(8px); } .frame-by-frame__info-panel svg { diff --git a/popup/popup.css b/popup/popup.css index f20eb12..2ac1971 100644 --- a/popup/popup.css +++ b/popup/popup.css @@ -19,17 +19,20 @@ body { --satus-header-text: #9595b2; --satus-layers-background: #0e0e1b; --satus-layers-text: #565676; - --satus-section-card-background: #171726; + --satus-section-card-background: #1b1b2d; --satus-section-card-text: #9595b2; --satus-switch-background: rgba(255, 255, 255, .12); --satus-modal-background: #2a2a51; --satus-modal-text: #9595b2; + --satus-pluviam-background: #fff; } .satus-header { font-size: 15px; font-weight: 600; justify-content: flex-start; + box-shadow: 0 1px 0 #37376c; + z-index: 1; } .satus-header .satus-button { @@ -55,9 +58,9 @@ body { } .satus-switch--domain { - width: calc(100% - 16px); + width: calc(100% - 24px); height: 48px; - margin: 16px 8px 8px; + margin: 12px auto 0; padding: 0 16px; transition: 150ms; color: #7d95a1; @@ -78,8 +81,8 @@ body { } .satus-alert { - width: calc(100% - 16px); - margin: 16px 8px 8px; + width: calc(100% - 24px); + margin: 12px auto 0; } .satus-section--label { @@ -87,6 +90,10 @@ body { font-weight: 600; } +.satus-section--card { + border: 1px solid #222239; +} + /*-------------------------------------------------------------- # MADE WITH LOVE diff --git a/popup/popup.js b/popup/popup.js index f109f52..fa9d5ec 100644 --- a/popup/popup.js +++ b/popup/popup.js @@ -84,6 +84,13 @@ var skeleton = { rgb: [255, 255, 255] } }, + blur: { + component: 'slider', + text: 'blur', + value: 4, + max: 16, + storage: 'blur' + }, opacity: { component: 'slider', text: 'opacity', @@ -125,31 +132,31 @@ var skeleton = { class: 'satus-section--card', title: 'shortcuts', - next_shortcut: { + prev_shortcut: { component: 'shortcut', - text: 'nextFrame', + text: 'previousFrame', value: { keys: { 37: { - key: 'ArrowRight' + key: 'ArrowLeft' } } } }, - prev_shortcut: { + next_shortcut: { component: 'shortcut', - text: 'previousFrame', + text: 'nextFrame', value: { keys: { 39: { - key: 'ArrowLeft' + key: 'ArrowRight' } } } }, hide_shortcut: { component: 'shortcut', - text: 'hide', + text: 'hidePanel', value: { keys: { 72: { diff --git a/popup/satus.css b/popup/satus.css index 05caa27..d4944c1 100644 --- a/popup/satus.css +++ b/popup/satus.css @@ -1 +1 @@ -html{--satus-primary:#ff4158;--satus-header-background:#fff;--satus-switch-background:rgba(0,0,0,.08)}.satus-color-picker{font-size:inherit;position:relative;display:flex;box-sizing:border-box;margin:0;cursor:pointer;color:inherit;border:none;outline:0;background-color:var(--satus-theme-button);justify-content:space-between;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none}.satus-color-picker__value{width:22px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.satus-modal--color-picker{position:relative}.satus-modal--color-picker .satus-modal__surface{display:flex;flex-direction:column;align-items:center}.satus-modal--color-picker canvas{width:256px;height:256px}.satus-color-picker__dim{position:absolute;width:256px;height:256px;pointer-events:none;opacity:0;border-radius:50%;background:#000}.satus-color-picker__cursor{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.satus-color-picker__slider .satus-slider__container{height:18px}.satus-color-picker__slider .satus-slider__track-container{top:calc(50% - 9px);height:18px}.satus-color-picker__slider .satus-slider__track-container::before{height:16px;opacity:1;border:1px solid #bfbfbf;border-radius:4px;background:linear-gradient(90deg,#fff,#000)}.satus-color-picker__slider .satus-slider__track{background:0 0}.satus-color-picker__slider .satus-slider__thumb{top:0;height:18px;border-radius:4px;background:#fff;box-shadow:0 0 2px rgb(0,0,0,.2)}.satus-color-picker__slider .satus-slider__thumb:before{display:none}.satus-color-picker__actions{display:flex;width:100%;justify-content:flex-end}.satus-color-picker__actions .satus-button{height:32px;margin:8px 4px 0;border-radius:8px;background:rgba(0,0,0,.15)}.satus-color-picker__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-main{color:var(--satus-main-text);background:var(--satus-main-background)}.satus-button{font:inherit;position:relative;overflow:hidden;height:48px;margin:0;padding:8px;color:var(--satus-button-text,inherit);border:none;background:var(--satus-button-background,transparent);appearance:none}.satus-button:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-button>*{pointer-events:none}.satus-list{list-style:none;margin:0}.satus-list__item{display:flex;align-items:center;justify-content:space-between;height:48px}.satus-list__item>:last-child{text-align:right}.satus-section{display:flex;flex-wrap:wrap}.satus-section--align-start{justify-content:flex-start}.satus-section--align-end{justify-content:flex-end}.satus-header>.satus-section{align-items:center}.satus-section--card{flex-direction:column;width:calc(100% - 16px);max-width:900px;margin:8px auto;padding:8px 0;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--satus-section-card-background);color:var(--satus-section-card-text)}.satus-section--card>*{min-height:48px;padding:0 16px;text-align:left}.satus-section--card>.satus-button{display:flex;padding:0 16px;align-items:center}.satus-section--card>.satus-button>svg{width:20px;margin:2px 16px 0 0;color:var(--satus-primary)}.satus-section--label{font-size:17px;display:block;width:calc(100% - 16px);max-width:900px;margin:16px auto 8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.satus-modal{position:absolute;z-index:100;top:0;left:0;display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.satus-modal__scrim{position:absolute;top:0;left:0;width:100%;height:100%;animation:modalFadeIn 150ms linear forwards;opacity:0;background:rgba(0,0,0,.2);backdrop-filter:blur(8px)}.satus-modal__surface{font-size:14px;display:flex;overflow-y:auto;flex-direction:column;width:95%;min-width:240px;max-width:560px;max-height:80%;padding:8px 0;transform:scale(.8);animation:modalZoomIn 150ms linear forwards;animation-delay:20ms;opacity:0;color:var(--satus-modal-text);border-radius:6px;background-color:var(--satus-modal-background);box-shadow:inset 0 -1px 1px 1px rgb(0,0,0,.1),0 2px 6px rgb(0,0,0,.15)}.satus-modal--closing .satus-modal__scrim{animation:modalFadeOut 70ms linear forwards}.satus-modal--closing .satus-modal__surface{animation:modalZoomOut 70ms linear forwards}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalZoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalZoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.satus-switch{font:inherit;display:flex;transition:background-color 75ms;color:inherit;border:none;outline:0;background-color:transparent;justify-content:space-between;align-items:center}.satus-switch:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-switch__thumb{width:38px;height:20px;transition:background-color 150ms;border-radius:20px;background-color:var(--satus-switch-background)}.satus-switch__thumb::before{display:block;width:16px;height:16px;margin:2px;content:'';transition:transform 150ms cubic-bezier(.4,0,.2,1);border-radius:50%;background-color:#fff;will-change:transform}.satus-switch[data-value=true] .satus-switch__thumb{background-color:var(--satus-primary)}.satus-switch[data-value=true] .satus-switch__thumb::before{transform:translateX(18px)}.satus-slider{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:64px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;align-items:flex-start;justify-content:center}.satus-slider:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-slider__label{cursor:default}.satus-slider>input{position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;opacity:0}.satus-slider__container{position:relative;width:100%;height:12px;margin:8px 0 0}.satus-slider__track-container{position:absolute;top:calc(50% - 1px);width:100%;height:2px;pointer-events:none}.satus-slider__track-container::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';opacity:.26;background-color:var(--satus-primary)}.satus-slider__track{position:relative;width:0;height:100%;background-color:var(--satus-primary);will-change:width}.satus-slider:not(.satus-slider--dragging) .satus-slider__track{transition:width .1s ease-out}.satus-slider__thumb{position:absolute;top:-5px;right:-12px;width:12px;height:12px;border-radius:50%;background-color:var(--satus-primary);box-shadow:0 1px 5px rgba(0,0,0,.15)}.satus-slider .satus-slider__thumb::before{font-size:13px;position:absolute;top:-34px;left:50%;visibility:hidden;box-sizing:border-box;min-width:28px;padding:4px 4px;content:attr(data-value);transform:translateX(-50%);text-align:center;pointer-events:none;color:#fff;border-radius:4px;background:var(--satus-theme-tooltip)}.satus-slider:hover .satus-slider__thumb::before,.satus-slider>input:focus .satus-slider__container .satus-slider__thumb::before{visibility:visible}.satus-slider__ring{position:absolute;top:-11px;right:-18px;width:24px;height:24px;transition:.1s;transform:scale(0);opacity:0;border-radius:50%;background-color:var(--satus-primary)}.satus-slider>input:focus+.satus-slider__container .satus-slider__ring{transform:scale(1);opacity:.25}.satus-shortcut{justify-content:space-between}.satus-shortcut__value{text-transform:uppercase;font-size:11px;opacity:.5}.satus-shortcut__actions{display:flex;justify-content:flex-end}.satus-shortcut__actions .satus-button{height:32px;background:rgba(0,0,0,.15);margin:8px 4px 0;border-radius:8px}.satus-shortcut__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-shortcut__primary{display:flex;box-sizing:border-box;width:100%;height:68px;padding:16px;background:rgba(0,0,0,.16);align-items:center}.satus-shortcut__key{display:flex;box-sizing:border-box;min-width:32px;height:32px;padding:4px 8px;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1);align-items:center;justify-content:center}.satus-shortcut__plus{position:relative;width:12px;height:12px;margin:8px}.satus-shortcut__plus::before{position:absolute;top:0;left:5px;width:2px;height:12px;content:'';background-color:#aaa}.satus-shortcut__plus::after{position:absolute;top:5px;left:0;width:12px;height:2px;content:'';background-color:#aaa}.satus-shortcut__mouse{position:relative;display:flex;width:28px;height:36px;border-radius:50%;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1)}.satus-shortcut__mouse>div{position:absolute;top:0;left:13px;width:2px;height:11px;border-radius:2px;background:#ccc}.satus-shortcut__mouse::before{position:absolute;top:-4px;left:21px;width:2px;height:18px;content:'';background:#f96754}.satus-shortcut__mouse.false::after{position:absolute;top:-12px;left:17px;width:0;height:0;content:'';border-right:5px solid transparent;border-bottom:8px solid #f96754;border-left:5px solid transparent}.satus-shortcut__mouse.true::after{position:absolute;top:14px;left:17px;width:0;height:0;content:'';border-top:8px solid #f96754;border-right:5px solid transparent;border-left:5px solid transparent}.satus-section_shortcut{width:100%;margin:8px 0 0;justify-content:flex-end}.satus-button_shortcut{font-weight:500;overflow:hidden;height:28px;min-height:28px;margin-right:2px;padding:4px 8px;text-transform:uppercase;color:#f96754;border-radius:4px}.satus-base{display:flex;flex-direction:column;width:100%;height:100vh}.satus-text-field{position:relative;padding:0 16px;background-color:#333347;border-radius:8px;color:#c4c4d4;overflow:hidden;display:flex}.satus-text-field__pre{display:flex;position:relative;height:100%;margin:0;padding:0;overflow:hidden;align-items:center;flex:1}.satus-text-field__input{font:inherit;position:absolute;top:0;left:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;opacity:0;border:none;appearance:none;z-index:9}.satus-text-field__hidden-text{position:absolute;pointer-events:none;opacity:0}.satus-text-field__text{position:absolute;top:0;left:0;display:flex;height:100%;margin:0;align-items:center}.satus-text-field__cursor{position:absolute;top:6px;left:0;display:none;width:2px;height:25px;animation:blink 1s step-end 8;background:#fa0}.satus-text-field__selection{position:absolute;top:5px;left:0;display:none;width:0;height:25px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.1)}.satus-text-field__input:focus+*+*+*+.satus-text-field__cursor,.satus-text-field__selection:not([disabled]){display:block}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.satus-text-field__text>.group{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.character-class{color:#ffc247;background-color:rgb(255,170,0,.16)}.satus-text-field__text>.quantifier{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.anchor{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.metasequence{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.text{color:#c4c4d4;background-color:rgb(196,196,212,.16)}.satus-header{display:flex;box-sizing:border-box;height:56px;padding:0 16px;color:var(--satus-header-text);background:var(--satus-header-background);align-items:center;justify-content:space-between}.satus-alert{display:flex;box-sizing:border-box;min-height:48px;margin:8px;padding:8px 16px;border-radius:8px;align-items:center}.satus-alert--error{color:#c55959;border:1px solid #641616;background:#430f0f}.satus-layers{position:relative;overflow:hidden;color:var(--satus-layers-text);background:var(--satus-layers-background);flex:1}.satus-layer{position:absolute;top:0;left:0;display:flex;overflow-y:auto;width:100%;height:100%;flex-wrap:wrap;align-content:flex-start}.satus-input[type=text]{font:inherit;box-sizing:border-box;width:100%;margin:0;padding:0;padding:0 8px;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select{position:relative;display:flex;box-sizing:border-box;align-items:center}.satus-select select{font:inherit;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;padding:inherit;cursor:pointer;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select select:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-section--card .satus-select select{text-align-last:right}.satus-pluviam{position:absolute;transform:scale(0);animation-name:pluviam;animation-duration:1s;opacity:.04;border-radius:50%;background:#000;animation-fill-mode:forwards}@keyframes pluviam{0%{transform:scale(0);opacity:.04}70%{transform:scale(.8);opacity:.04}100%{transform:scale(1);opacity:0}} \ No newline at end of file +html{--satus-primary:#ff4158;--satus-header-background:#fff;--satus-switch-background:rgba(0,0,0,.08)}.satus-color-picker{font-size:inherit;position:relative;display:flex;box-sizing:border-box;margin:0;cursor:pointer;color:inherit;border:none;outline:0;background-color:var(--satus-theme-button);justify-content:space-between;-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none}.satus-color-picker__value{width:22px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:50%}.satus-modal--color-picker{position:relative}.satus-modal--color-picker .satus-modal__surface{display:flex;flex-direction:column;align-items:center}.satus-modal--color-picker canvas{width:256px;height:256px}.satus-color-picker__dim{position:absolute;width:256px;height:256px;pointer-events:none;opacity:0;border-radius:50%;background:#000}.satus-color-picker__cursor{position:absolute;width:5px;height:5px;transform:translate(-50%,-50%);pointer-events:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000}.satus-color-picker__slider .satus-slider__container{height:18px}.satus-color-picker__slider .satus-slider__track-container{top:calc(50% - 9px);height:18px}.satus-color-picker__slider .satus-slider__track-container::before{height:16px;opacity:1;border:1px solid #bfbfbf;border-radius:4px;background:linear-gradient(90deg,#fff,#000)}.satus-color-picker__slider .satus-slider__track{background:0 0}.satus-color-picker__slider .satus-slider__thumb{top:0;height:18px;border-radius:4px;background:#fff;box-shadow:0 0 2px rgb(0,0,0,.2)}.satus-color-picker__slider .satus-slider__thumb:before{display:none}.satus-color-picker__actions{display:flex;width:100%;justify-content:flex-end}.satus-color-picker__actions .satus-button{height:32px;margin:8px 4px 0;border-radius:8px;background:rgba(0,0,0,.15)}.satus-color-picker__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-main{color:var(--satus-main-text);background:var(--satus-main-background)}.satus-button{font:inherit;position:relative;overflow:hidden;height:48px;margin:0;padding:8px;color:var(--satus-button-text,inherit);border:none;background:var(--satus-button-background,transparent);appearance:none}.satus-button:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-button>*{pointer-events:none}.satus-list{list-style:none;margin:0}.satus-list__item{display:flex;align-items:center;justify-content:space-between;height:48px}.satus-list__item>:last-child{text-align:right}.satus-section{display:flex;flex-wrap:wrap}.satus-section--align-start{justify-content:flex-start}.satus-section--align-end{justify-content:flex-end}.satus-header>.satus-section{align-items:center}.satus-section--card{flex-direction:column;width:calc(100% - 24px);max-width:900px;margin:12px auto 0;padding:8px 0;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:var(--satus-section-card-background);color:var(--satus-section-card-text);box-sizing:border-box}.satus-section--card:last-child{margin:12px auto}.satus-section--card>*{min-height:48px;padding:0 16px;text-align:left}.satus-section--card>.satus-button{display:flex;padding:0 16px;align-items:center}.satus-section--card>.satus-button>svg{width:20px;margin:2px 16px 0 0;color:var(--satus-primary)}.satus-section--label{font-size:17px;display:block;width:calc(100% - 16px);max-width:900px;margin:16px auto 8px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.satus-modal{position:absolute;z-index:100;top:0;left:0;display:flex;width:100%;height:100vh;justify-content:center;align-items:center}.satus-modal__scrim{position:absolute;top:0;left:0;width:100%;height:100%;animation:modalFadeIn 150ms linear forwards;opacity:0;background:rgba(0,0,0,.2);backdrop-filter:blur(8px)}.satus-modal__surface{font-size:14px;display:flex;overflow-y:auto;flex-direction:column;width:95%;min-width:240px;max-width:560px;max-height:80%;padding:8px 0;transform:scale(.8);animation:modalZoomIn 150ms linear forwards;animation-delay:20ms;opacity:0;color:var(--satus-modal-text);border-radius:6px;background-color:var(--satus-modal-background);box-shadow:inset 0 -1px 1px 1px rgb(0,0,0,.1),0 2px 6px rgb(0,0,0,.15)}.satus-modal--closing .satus-modal__scrim{animation:modalFadeOut 70ms linear forwards}.satus-modal--closing .satus-modal__surface{animation:modalZoomOut 70ms linear forwards}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalZoomIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalZoomOut{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.satus-switch{font:inherit;display:flex;transition:background-color 75ms;color:inherit;border:none;outline:0;background-color:transparent;justify-content:space-between;align-items:center}.satus-switch:hover{cursor:pointer;background-color:var(--satus-hover)}.satus-switch__thumb{width:38px;height:20px;transition:background-color 150ms;border-radius:20px;background-color:var(--satus-switch-background)}.satus-switch__thumb::before{display:block;width:16px;height:16px;margin:2px;content:'';transition:transform 150ms cubic-bezier(.4,0,.2,1);border-radius:50%;background-color:#fff;will-change:transform}.satus-switch[data-value=true] .satus-switch__thumb{background-color:var(--satus-primary)}.satus-switch[data-value=true] .satus-switch__thumb::before{transform:translateX(18px)}.satus-slider{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:64px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;align-items:flex-start;justify-content:center}.satus-slider:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-slider__label{cursor:default}.satus-slider>input{position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;opacity:0}.satus-slider__container{position:relative;width:100%;height:12px;margin:8px 0 0}.satus-slider__track-container{position:absolute;top:calc(50% - 1px);width:100%;height:2px;pointer-events:none}.satus-slider__track-container::before{position:absolute;top:0;left:0;width:100%;height:2px;content:'';opacity:.26;background-color:var(--satus-primary)}.satus-slider__track{position:relative;width:0;height:100%;background-color:var(--satus-primary);will-change:width}.satus-slider:not(.satus-slider--dragging) .satus-slider__track{transition:width .1s ease-out}.satus-slider__thumb{position:absolute;top:-5px;right:-12px;width:12px;height:12px;border-radius:50%;background-color:var(--satus-primary);box-shadow:0 1px 5px rgba(0,0,0,.15)}.satus-slider .satus-slider__thumb::before{font-size:13px;position:absolute;top:-34px;left:50%;visibility:hidden;box-sizing:border-box;min-width:28px;padding:4px 4px;content:attr(data-value);transform:translateX(-50%);text-align:center;pointer-events:none;color:#fff;border-radius:4px;background:var(--satus-theme-tooltip)}.satus-slider:hover .satus-slider__thumb::before,.satus-slider>input:focus .satus-slider__container .satus-slider__thumb::before{visibility:visible}.satus-slider__ring{position:absolute;top:-11px;right:-18px;width:24px;height:24px;transition:.1s;transform:scale(0);opacity:0;border-radius:50%;background-color:var(--satus-primary)}.satus-slider>input:focus+.satus-slider__container .satus-slider__ring{transform:scale(1);opacity:.25}.satus-shortcut{justify-content:space-between}.satus-shortcut__value{text-transform:uppercase;font-size:11px;opacity:.5}.satus-shortcut__actions{display:flex;justify-content:flex-end}.satus-shortcut__actions .satus-button{height:32px;background:rgba(0,0,0,.15);margin:8px 4px 0;border-radius:8px}.satus-shortcut__actions .satus-button:hover{background:rgba(0,0,0,.25)}.satus-shortcut__primary{display:flex;box-sizing:border-box;width:100%;height:68px;padding:16px;background:rgba(0,0,0,.16);align-items:center}.satus-shortcut__key{display:flex;box-sizing:border-box;min-width:32px;height:32px;padding:4px 8px;border-radius:4px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1);align-items:center;justify-content:center}.satus-shortcut__plus{position:relative;width:12px;height:12px;margin:8px}.satus-shortcut__plus::before{position:absolute;top:0;left:5px;width:2px;height:12px;content:'';background-color:#aaa}.satus-shortcut__plus::after{position:absolute;top:5px;left:0;width:12px;height:2px;content:'';background-color:#aaa}.satus-shortcut__mouse{position:relative;display:flex;width:28px;height:36px;border-radius:50%;border-top-left-radius:12px;border-top-right-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),inset 0 -3px 0 rgba(0,0,0,.1)}.satus-shortcut__mouse>div{position:absolute;top:0;left:13px;width:2px;height:11px;border-radius:2px;background:#ccc}.satus-shortcut__mouse::before{position:absolute;top:-4px;left:21px;width:2px;height:18px;content:'';background:#f96754}.satus-shortcut__mouse.false::after{position:absolute;top:-12px;left:17px;width:0;height:0;content:'';border-right:5px solid transparent;border-bottom:8px solid #f96754;border-left:5px solid transparent}.satus-shortcut__mouse.true::after{position:absolute;top:14px;left:17px;width:0;height:0;content:'';border-top:8px solid #f96754;border-right:5px solid transparent;border-left:5px solid transparent}.satus-section_shortcut{width:100%;margin:8px 0 0;justify-content:flex-end}.satus-button_shortcut{font-weight:500;overflow:hidden;height:28px;min-height:28px;margin-right:2px;padding:4px 8px;text-transform:uppercase;color:#f96754;border-radius:4px}.satus-base{display:flex;flex-direction:column;width:100%;height:100vh}.satus-text-field{position:relative;padding:0 16px;background-color:#333347;border-radius:8px;color:#c4c4d4;overflow:hidden;display:flex}.satus-text-field__pre{display:flex;position:relative;height:100%;margin:0;padding:0;overflow:hidden;align-items:center;flex:1}.satus-text-field__input{font:inherit;position:absolute;top:0;left:0;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;opacity:0;border:none;appearance:none;z-index:9}.satus-text-field__hidden-text{position:absolute;pointer-events:none;opacity:0}.satus-text-field__text{position:absolute;top:0;left:0;display:flex;height:100%;margin:0;align-items:center}.satus-text-field__cursor{position:absolute;top:6px;left:0;display:none;width:2px;height:25px;animation:blink 1s step-end 8;background:#fa0}.satus-text-field__selection{position:absolute;top:5px;left:0;display:none;width:0;height:25px;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(255,255,255,.1)}.satus-text-field__input:focus+*+*+*+.satus-text-field__cursor,.satus-text-field__selection:not([disabled]){display:block}@keyframes blink{from,to{opacity:1}50%{opacity:0}}.satus-text-field__text>.group{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.character-class{color:#ffc247;background-color:rgb(255,170,0,.16)}.satus-text-field__text>.quantifier{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.anchor{color:#47c2ff;background-color:rgb(71,194,255,.16)}.satus-text-field__text>.metasequence{color:#47ff47;background-color:rgb(71,255,71,.16)}.satus-text-field__text>.text{color:#c4c4d4;background-color:rgb(196,196,212,.16)}.satus-header{display:flex;box-sizing:border-box;height:56px;padding:0 16px;color:var(--satus-header-text);background:var(--satus-header-background);align-items:center;justify-content:space-between}.satus-alert{display:flex;box-sizing:border-box;min-height:48px;margin:8px;padding:8px 16px;border-radius:8px;align-items:center}.satus-alert--error{color:#c55959;border:1px solid #641616;background:#430f0f}.satus-layers{position:relative;overflow:hidden;color:var(--satus-layers-text);background:var(--satus-layers-background);flex:1}.satus-layer{position:absolute;top:0;left:0;display:flex;overflow-y:auto;width:100%;height:100%;flex-wrap:wrap;align-content:flex-start}.satus-input[type=text]{font:inherit;box-sizing:border-box;width:100%;margin:0;padding:0;padding:0 8px;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select{position:relative;display:flex;box-sizing:border-box;align-items:center}.satus-select select{font:inherit;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;padding:inherit;cursor:pointer;color:inherit;border:none;outline:0;background:0 0;appearance:none}.satus-select select:hover{cursor:pointer;background-color:rgba(0,0,0,.04)}.satus-section--card .satus-select select{text-align-last:right}.satus-pluviam{position:absolute;transform:scale(0);animation-name:pluviam;animation-duration:1s;opacity:.04;border-radius:50%;background:var(--satus-pluviam-background,#000);animation-fill-mode:forwards}@keyframes pluviam{0%{transform:scale(0);opacity:.04}70%{transform:scale(.8);opacity:.04}100%{transform:scale(1);opacity:0}} \ No newline at end of file