From e0a1a951ff5cf34154c1f1fd389f05adaccd4e03 Mon Sep 17 00:00:00 2001 From: dnahol Date: Sat, 2 Nov 2019 05:08:47 -0700 Subject: [PATCH] add onboarding and achievement tabindexes and firstFocus --- src/js/popup.js | 8 +++++--- src/popup.html | 42 +++++++++++++++++++++--------------------- 2 files changed, 26 insertions(+), 24 deletions(-) diff --git a/src/js/popup.js b/src/js/popup.js index c94238b..90284bb 100644 --- a/src/js/popup.js +++ b/src/js/popup.js @@ -292,9 +292,11 @@ const Logic = { const panelEl = this.getCurrentPanelElement(); panelEl.classList.remove("hide"); - const focusEl = panelEl.querySelector(".firstTabindex"); - if(focusEl) { - focusEl.focus(); + const firstFocus = panelEl.querySelector(".firstTabindex"); + if(firstFocus) { + firstFocus.focus(); + } else { + panelEl.focus(); } }, diff --git a/src/popup.html b/src/popup.html index 4cd8219..44ceb16 100644 --- a/src/popup.html +++ b/src/popup.html @@ -7,92 +7,92 @@ -
+
Container Tabs Overview

A better way to manage all the things you do online

Use containers to organize tasks, manage accounts, and keep your focus where you want it.

- Get Started + Get Started
-
+
Container Tabs Overview

A simple and secure way to manage your online life

Use containers to organize tasks, manage accounts, and store sensitive data.

- Get Started + Get Started
-
+
How Containers Work

Put containers to work for you.

Features like color-coding and separate container tabs help you find things easily, focus your attention, and minimize distractions.

- Next + Next
-
+
How Containers Work

Put containers to work for you.

Color-coding helps you categorize your online life, find things easily, and minimize distractions.

- Next + Next
-
+
How Containers Work

A place for everything, and everything in its place.

Start with the containers we've created, or create your own.

- Next + Next
-
+
How Containers Work

Set boundaries for your browsing.

Cookies are stored within a container, so you can segment sensitive data and browsing history to stay organized and to limit the impact of online trackers.

- Next + Next
-
+
How to assign sites to containers

Always open sites in the containers you want.

Right-click inside a container tab to assign the site to always open in the container.

- Next + Next
-
+
Long-press the New Tab button to create a new container tab.

Container tabs when you need them.

Long-press the New Tab button to create a new container tab.

- Done + Done
-
+
You achieved a Containers milestone!

100 tabs!

You've opened 100 Container tabs.

If you enjoy Containers, help us spread the word!

- Done + Done