From a5f4ef09f0f9301e2159cc73c47ea878b11530d6 Mon Sep 17 00:00:00 2001
From: lowercasedonkey <lowercasedonkey@gmail.com>
Date: Mon, 21 Dec 2020 15:02:42 -0500
Subject: [PATCH] Wardrobe CSS for filters
---
src/interaction/siWardrobe.js | 28 +++++++++++++++-------------
src/interaction/wardrobe.css | 8 ++++++++
2 files changed, 23 insertions(+), 13 deletions(-)
create mode 100644 src/interaction/wardrobe.css
diff --git a/src/interaction/siWardrobe.js b/src/interaction/siWardrobe.js
index 46640b44817..acd42c4f9d4 100644
--- a/src/interaction/siWardrobe.js
+++ b/src/interaction/siWardrobe.js
@@ -67,9 +67,8 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
);
}
}
- App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray));
+ App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "button-style");
- el.append(" / ");
const exposureFilters = new Map([
[0, "Modest"],
[1, "Normal"],
@@ -98,17 +97,20 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
);
}
}
- App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray));
- el.append(" / ");
-
- App.UI.DOM.appendNewElement("span", el, App.UI.DOM.link(
- "Reset Filters",
- () => {
- filters = {};
- refresh();
- }
- )); // clear filters
- App.UI.DOM.appendNewElement("hr", el);
+ App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "button-style");
+
+ // clear filters
+ App.UI.DOM.appendNewElement(
+ "span",
+ el,
+ App.UI.DOM.link(
+ "Reset Filters",
+ () => {
+ filters = {};
+ refresh();
+ }
+ ),
+ "button-style");
return el;
}
diff --git a/src/interaction/wardrobe.css b/src/interaction/wardrobe.css
new file mode 100644
index 00000000000..3d3addff110
--- /dev/null
+++ b/src/interaction/wardrobe.css
@@ -0,0 +1,8 @@
+span.button-style {
+ background-color: var(--button-color);
+ border: none; /* outline instead of border */
+ /* left & right outline overlap each other so we don't have a double border */
+ outline: solid 2px var(--button-border-color);
+ margin: 6px;
+ padding: 1ex 1ex;
+}
\ No newline at end of file
--
GitLab