diff --git a/data/usercontext.css b/data/usercontext.css index a16c07e..6599562 100644 --- a/data/usercontext.css +++ b/data/usercontext.css @@ -90,6 +90,22 @@ value, or chrome url path as an alternate selector mitiages this bug.*/ --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#food"); } +[data-identity-icon="fruit"] { + --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#fruit"); +} + +[data-identity-icon="pet"] { + --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#pet"); +} + +[data-identity-icon="tree"] { + --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#tree"); +} + +[data-identity-icon="chill"] { + --identity-icon: url("resource://testpilot-containers/data/usercontext.svg#chill"); +} + #userContext-indicator { height: 16px; width: 16px; diff --git a/data/usercontext.svg b/data/usercontext.svg index 0b53f91..761c2b2 100644 --- a/data/usercontext.svg +++ b/data/usercontext.svg @@ -53,5 +53,23 @@ + + + + diff --git a/index.js b/index.js index 779e484..87442e7 100644 --- a/index.js +++ b/index.js @@ -27,6 +27,10 @@ const IDENTITY_ICONS = [ { name: "gift", image: "gift" }, { name: "vacation", image: "vacation" }, { name: "food", image: "food" }, + { name: "fruit", image: "fruit" }, + { name: "pet", image: "pet" }, + { name: "tree", image: "tree" }, + { name: "chill", image: "chill" }, { name: "circle", image: "circle" }, // this doesn't exist in m-b ]; diff --git a/webextension/css/popup.css b/webextension/css/popup.css index 612738c..3b0498b 100644 --- a/webextension/css/popup.css +++ b/webextension/css/popup.css @@ -108,6 +108,22 @@ table { --identity-icon: url("/img/usercontext.svg#vacation"); } +[data-identity-icon="fruit"] { + --identity-icon: url("/img/usercontext.svg#fruit"); +} + +[data-identity-icon="pet"] { + --identity-icon: url("/img/usercontext.svg#pet"); +} + +[data-identity-icon="tree"] { + --identity-icon: url("/img/usercontext.svg#tree"); +} + +[data-identity-icon="chill"] { + --identity-icon: url("/img/usercontext.svg#chill"); +} + /* Buttons */ .button.primary { background-color: #0996f8; diff --git a/webextension/img/usercontext.svg b/webextension/img/usercontext.svg index 0b53f91..761c2b2 100644 --- a/webextension/img/usercontext.svg +++ b/webextension/img/usercontext.svg @@ -53,5 +53,23 @@ + + + + diff --git a/webextension/js/popup.js b/webextension/js/popup.js index 5264f71..b8f982c 100644 --- a/webextension/js/popup.js +++ b/webextension/js/popup.js @@ -494,7 +494,7 @@ Logic.registerPanel(P_CONTAINER_EDIT, { return `