diff --git a/dist/BlueMarble-For-GreasyFork.user.css b/dist/BlueMarble-For-GreasyFork.user.css
index 2995ee3..17d3f26 100644
--- a/dist/BlueMarble-For-GreasyFork.user.css
+++ b/dist/BlueMarble-For-GreasyFork.user.css
@@ -583,10 +583,23 @@ input[type=file] {
}
/* src/WindowFilter.css */
+#bm-window-filter .bm-filter-eye-icon {
+ display: block;
+ width: 1.28em;
+ height: 1.28em;
+ fill: none;
+ stroke: currentColor;
+ stroke-width: 1.9;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ overflow: visible;
+}
#bm-window-filter p svg {
- display: inline;
+ display: inline-block;
height: 1em;
- fill: white;
+ width: 1em;
+ color: currentColor;
+ vertical-align: -0.16em;
}
#bm-window-filter:not(.bm-windowed) {
width: min(50rem, calc(100vw - 0.55rem));
@@ -749,16 +762,25 @@ input[type=file] {
background-color: transparent !important;
}
#bm-window-filter .bm-filter-color[data-id="-1"] .bm-filter-container-rgb svg {
- fill: white !important;
+ color: white !important;
}
#bm-window-filter .bm-filter-color[data-id="0"] .bm-filter-container-rgb {
background-color: transparent !important;
}
#bm-window-filter .bm-filter-container-rgb button {
- padding: 0.26em 0.14ch;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0.24em;
+ min-width: 2.05rem;
+ min-height: 2.05rem;
+ border-radius: 999px;
+ line-height: 1;
}
-#bm-window-filter .bm-filter-container-rgb svg {
- width: 4ch;
+#bm-window-filter .bm-filter-container-rgb .bm-filter-eye-icon {
+ width: 1.55rem;
+ height: 1.55rem;
+ filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.18));
}
#bm-window-filter .bm-filter-color > .bm-flex-between {
flex-direction: column;
@@ -781,9 +803,9 @@ input[type=file] {
--bm-scrollable-max-height: 100%;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
- width: 268px;
+ width: 360px;
height: min(60vh, 22rem);
- min-width: 228px;
+ min-width: 360px;
min-height: 180px;
max-width: min(1000px, calc(100vw - 16px)) !important;
max-height: min(1400px, calc(100vh - 16px)) !important;
@@ -897,11 +919,12 @@ input[type=file] {
box-sizing: border-box;
}
#bm-window-filter.bm-windowed .bm-filter-container-rgb button {
- padding: 0.2em 0.1ch;
+ padding: 0.2em;
flex: 0 0 auto;
}
-#bm-window-filter.bm-windowed .bm-filter-container-rgb svg {
- width: 2.7ch;
+#bm-window-filter.bm-windowed .bm-filter-container-rgb .bm-filter-eye-icon {
+ width: 1.36rem;
+ height: 1.36rem;
}
#bm-window-filter.bm-windowed .bm-filter-color h2 {
font-size: 0.78rem;
@@ -1181,4 +1204,4 @@ input[type=file] {
/* src/main.css */
-/* Build Hash: ee66c55dba5d */
+/* Build Hash: af601d626afd */
diff --git a/dist/BlueMarble-For-GreasyFork.user.js b/dist/BlueMarble-For-GreasyFork.user.js
index 7980a17..1c896d1 100644
--- a/dist/BlueMarble-For-GreasyFork.user.js
+++ b/dist/BlueMarble-For-GreasyFork.user.js
@@ -2373,13 +2373,13 @@ Getting Y ${pixelY}-${pixelY + drawSizeY}`);
this.windowSaveTimeout = null;
this.colorRefreshInterval = null;
this.colorRefreshIntervalMS = 1e4;
- this.windowMinWidth = 260;
+ this.windowMinWidth = 360;
this.windowMinHeight = 220;
this.windowMaxWidth = 1e3;
this.windowMaxHeight = 1400;
this.templateManager = executor.apiManager?.templateManager;
- this.eyeOpen = '';
- this.eyeClosed = '';
+ this.eyeOpen = '';
+ this.eyeClosed = '';
const { palette, LUT: _ } = this.templateManager.paletteBM;
this.palette = palette;
this.tilesLoadedTotal = 0;
@@ -2475,7 +2475,7 @@ Getting Y ${pixelY}-${pixelY + drawSizeY}`);
this.window = this.addDiv({
"id": this.windowID,
"class": "bm-window bm-windowed",
- "style": `width: 300px; height: min(70vh, 32rem); min-width: ${this.windowMinWidth}px; min-height: ${this.windowMinHeight}px; max-width: min(${this.windowMaxWidth}px, calc(100vw - 16px)); max-height: min(${this.windowMaxHeight}px, calc(100vh - 16px));`
+ "style": `width: 360px; height: min(70vh, 32rem); min-width: ${this.windowMinWidth}px; min-height: ${this.windowMinHeight}px; max-width: min(${this.windowMaxWidth}px, calc(100vw - 16px)); max-height: min(${this.windowMaxHeight}px, calc(100vh - 16px));`
}).addDragbar().addButton({ "class": "bm-button-circle", "innerHTML": minimizeIconExpanded, "aria-label": 'Minimize window "Color Filter"', "data-button-status": "expanded" }, (instance, button) => {
button.onclick = () => {
const windowedColorTotals = document.querySelector("#bm-filter-windowed-color-totals");
@@ -2902,19 +2902,20 @@ Getting Y ${pixelY}-${pixelY + drawSizeY}`);
"class": "bm-button-trans " + bgEffectForButtons,
"data-state": isColorHidden ? "hidden" : "shown",
"aria-label": isColorHidden ? `Show the color ${color.name || ""} on templates.` : `Hide the color ${color.name || ""} on templates.`,
- "innerHTML": isColorHidden ? this.eyeClosed.replace("