From 88003757cbfefaf269937ccf4e558daf4eb97c46 Mon Sep 17 00:00:00 2001
From: lowercasedonkey <lowercasedonkey@gmail.com>
Date: Mon, 21 Dec 2020 15:23:52 -0500
Subject: [PATCH] use CSS for CSS things
---
src/interaction/siWardrobe.js | 8 ++++----
src/interaction/wardrobe.css | 5 ++++-
2 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/interaction/siWardrobe.js b/src/interaction/siWardrobe.js
index eeea76f38a7..626e942f10a 100644
--- a/src/interaction/siWardrobe.js
+++ b/src/interaction/siWardrobe.js
@@ -40,7 +40,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
function filtersDOM() {
const el = document.createElement("div");
- el.style.lineHeight = "3em";
+ el.classList.add("filter-line");
el.append("Filters: ");
const niceFilters = new Map([
@@ -68,7 +68,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
);
}
}
- App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "button-style");
+ App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "filter-cluster");
const exposureFilters = new Map([
[0, "Modest"],
@@ -98,7 +98,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
);
}
}
- App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "button-style");
+ App.UI.DOM.appendNewElement("span", el, App.UI.DOM.generateLinksStrip(linkArray), "filter-cluster");
// clear filters
App.UI.DOM.appendNewElement(
@@ -111,7 +111,7 @@ App.UI.SlaveInteract.wardrobe = function(slave) {
refresh();
}
),
- "button-style");
+ "filter-cluster");
return el;
}
diff --git a/src/interaction/wardrobe.css b/src/interaction/wardrobe.css
index 3d3addff110..5a25b2dad34 100644
--- a/src/interaction/wardrobe.css
+++ b/src/interaction/wardrobe.css
@@ -1,8 +1,11 @@
-span.button-style {
+span.filter-cluster {
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;
+}
+div.filter-line {
+ line-height: 3em;
}
\ No newline at end of file
--
GitLab