diff options
| author | Florrie <towerofnix@gmail.com> | 2019-03-24 12:11:41 -0300 |
|---|---|---|
| committer | Florrie <towerofnix@gmail.com> | 2019-03-24 12:11:53 -0300 |
| commit | bcd073c5aa5498035175910f571a081bd52cf9be (patch) | |
| tree | 820ffc8da853294ef920ea822a79006bd63ffedf | |
| parent | cc99da6dfe52d7a2779d3c2b031704181552ada3 (diff) | |
Show loading screen while loading a rule
| -rw-r--r-- | extension/popup/index.html | 3 | ||||
| -rw-r--r-- | extension/popup/main.js | 1 | ||||
| -rw-r--r-- | extension/popup/style.css | 2 |
3 files changed, 5 insertions, 1 deletions
diff --git a/extension/popup/index.html b/extension/popup/index.html index c0e3974..e7d1cb9 100644 --- a/extension/popup/index.html +++ b/extension/popup/index.html @@ -31,6 +31,9 @@ <div class="content-screen visible" id="no-rule-content"> <p>No rule selected. Please select or create one!</p> </div> + <div class="content-screen" id="loading-content"> + <p>Loading...</p> + </div> </div> </div> <div class="screen" id="invalid-host-screen"> diff --git a/extension/popup/main.js b/extension/popup/main.js index b9d9201..d5beeee 100644 --- a/extension/popup/main.js +++ b/extension/popup/main.js @@ -420,6 +420,7 @@ Promise.all([ return browser.storage.sync.get('siteSettings').then(({siteSettings}) => loadRuleList({ tab, siteSettings, selectRule: rule => { + changeContentScreen('loading-content'); return loadRuleScreen({ rule, tab, saveRule: () => { diff --git a/extension/popup/style.css b/extension/popup/style.css index b9c8571..50d1448 100644 --- a/extension/popup/style.css +++ b/extension/popup/style.css @@ -146,7 +146,7 @@ h1 { display: none; } -#loading-screen p, #invalid-host-screen, #no-rule-content { +#loading-screen, #invalid-host-screen, #no-rule-content, #loading-content { text-align: center; font-style: italic; } |