From ce31771e5f3d11b89fc0b4241728af667a3742d9 Mon Sep 17 00:00:00 2001 From: mrjvs Date: Sat, 10 Feb 2024 21:00:06 +0100 Subject: [PATCH 1/2] Update texts + fix responsiveness of new pages Co-authored-by: William Oldham --- src/components/Icon.tsx | 1 + src/components/SetupScreen.tsx | 2 +- src/tabs/PermissionGrant.css | 4 +++- src/tabs/PermissionRequest.css | 11 +++++++++++ src/tabs/PermissionRequest.tsx | 30 ++++++++++++++++++++++-------- 5 files changed, 38 insertions(+), 10 deletions(-) diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx index f8a0cc8..b9996f8 100644 --- a/src/components/Icon.tsx +++ b/src/components/Icon.tsx @@ -6,6 +6,7 @@ const icons = { windows: ``, shield: ``, logo: ``, + network: ``, }; export type Icons = keyof typeof icons; diff --git a/src/components/SetupScreen.tsx b/src/components/SetupScreen.tsx index 33fcbd6..04658d8 100644 --- a/src/components/SetupScreen.tsx +++ b/src/components/SetupScreen.tsx @@ -17,7 +17,7 @@ export function SetupScreen() {
-

Le's get this set up!

+

Let's get this set up!

To get started, we need to setup some things first. Click the button below to continue.

diff --git a/src/tabs/PermissionGrant.css b/src/tabs/PermissionGrant.css index be113c3..3c15cd2 100644 --- a/src/tabs/PermissionGrant.css +++ b/src/tabs/PermissionGrant.css @@ -11,7 +11,9 @@ body { } #__plasmo { - height: 100%; + display: flex; + flex-direction: column; + min-height: 100%; background-color: #0A0A10; } diff --git a/src/tabs/PermissionRequest.css b/src/tabs/PermissionRequest.css index 51486cc..86ff7e7 100644 --- a/src/tabs/PermissionRequest.css +++ b/src/tabs/PermissionRequest.css @@ -16,6 +16,11 @@ body { max-width: 628px; } +.permission-request .inner-container { + display: flex; + flex-direction: column; +} + .permission-request h1 { font-size: 2rem; font-weight: bold; @@ -56,6 +61,12 @@ body { border-radius: 11px; } +@media screen and (max-width: 550px) { + .permission-request .card { + grid-template-columns: auto; + grid-template-rows: auto auto auto; + } +} .permission-request .card .icon-circle { width: 2rem; diff --git a/src/tabs/PermissionRequest.tsx b/src/tabs/PermissionRequest.tsx index 43b0dd3..dc26d90 100644 --- a/src/tabs/PermissionRequest.tsx +++ b/src/tabs/PermissionRequest.tsx @@ -48,33 +48,47 @@ export default function PermissionRequest() { >

Read the source code on GitHub

- Don't trust us? Read the code and choose for yourself if its safe! + Don't trust us? Read the code and decide for yourself if it's safe!

Permission list

-
+
}>

Read & change data from all sites

- To be able to gather content from the sources. We need to be able to reach those sources. Unfortunately - that requires us to request the permissions from all sites. + This is so the extension can gather content from the sources. We need to be able to reach those sources. + Unfortunately that requires us to request the permissions from all sites. +

+ + }> +

Network Requests

+

+ This permission allows the extension to instruct the browser how to request data from sites. In more + technical terms, this allows movie-web to modify HTTP headers that it wouldn't normally be allowed to. +

+

+ You won't be prompted for this permission, it's included in “Read & change data from all sites”.

}>

Read and write cookies

- Some sources use cookies for authentication. We need to be able to read and set those cookies. This - won't be prompted to you, it's included in “Read & change data from all sites”. + Some sources use cookies for authentication. We need to be able to read and set those cookies. +

+

+ You won't be prompted for this permission, it's included in “Read & change data from all sites”.

}>

Active tab

To determine which site has access to the extension or not, we need to know what tab you're currently - using. This permission is given to all extensions by default, so your browser won't prompt you for - it. + using. +

+

+ This permission is given to all extensions by default, so your browser won't prompt you for it.

From ec4e3b7392e63772e73eb8e4f7f1ccaa2058668d Mon Sep 17 00:00:00 2001 From: mrjvs Date: Sat, 10 Feb 2024 21:03:06 +0100 Subject: [PATCH 2/2] Fix linting --- src/tabs/PermissionRequest.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/tabs/PermissionRequest.tsx b/src/tabs/PermissionRequest.tsx index dc26d90..234bde4 100644 --- a/src/tabs/PermissionRequest.tsx +++ b/src/tabs/PermissionRequest.tsx @@ -66,7 +66,8 @@ export default function PermissionRequest() {

Network Requests

This permission allows the extension to instruct the browser how to request data from sites. In more - technical terms, this allows movie-web to modify HTTP headers that it wouldn't normally be allowed to. + technical terms, this allows movie-web to modify HTTP headers that it wouldn't normally be allowed + to.

You won't be prompted for this permission, it's included in “Read & change data from all sites”.