a11y-outline

commit

76ee5aea51c7a0044a584077dc787ac275a49587

parent

b2ec360aad8db8f6a98d009dd9bccf06c725b4e4

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2022-09-08 12:31

load dialog-polyfill separately

Diffstat

4 files changed, 7 insertions, 2 deletions

diff --git a/Makefile b/Makefile

@@ -4,6 +4,7 @@ bundle.zip: manifest.json icon-128.png bg.js outline.js treeview.js outline.css
    4     4 	mkdir -p vendor
    5     5 	cp node_modules/aria-api/dist/aria.js vendor/
    6     6 	cp node_modules/dialog-polyfill/dist/dialog-polyfill.js vendor/
   -1     7 	cp node_modules/dialog-polyfill/dialog-polyfill.css vendor/
    7     8 	rm -f $@
    8     9 	zip -r $@ $^ vendor
    9    10 

diff --git a/manifest.json b/manifest.json

@@ -50,6 +50,7 @@
   50    50   ],
   51    51 
   52    52   "web_accessible_resources": [
   -1    53     "vendor/dialog-polyfill.css",
   53    54     "outline.css"
   54    55   ]
   55    56 }

diff --git a/outline.js b/outline.js

@@ -124,6 +124,11 @@ var quickNav = function() {
  124   124 	style.href = chrome.runtime.getURL('outline.css');
  125   125 	dialog.appendChild(style);
  126   126 
   -1   127 	style = document.createElement('link');
   -1   128 	style.rel = 'stylesheet';
   -1   129 	style.href = chrome.runtime.getURL('vendor/dialog-polyfill.css');
   -1   130 	dialog.appendChild(style);
   -1   131 
  127   132 	updateVisiblePane(select, dialog);
  128   133 	dialog.showModal();
  129   134 };

diff --git a/src/outline.scss b/src/outline.scss

@@ -1,5 +1,3 @@
    1    -1 @import "../node_modules/dialog-polyfill/dialog-polyfill";
    2    -1 
    3     1 $color-bg: #fff;
    4     2 $color-fg: #111;
    5     3 $color-border: #ccc;