Skip to content

Commit beb1d24

Browse files
alexphillips-devalexphillips-dev
committed
Fix minimal chevron style defaults
1 parent f17ba6e commit beb1d24

9 files changed

Lines changed: 37 additions & 19 deletions

File tree

‎folderview.plus.plg‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,18 @@
66
<!ENTITY launch "Settings/FolderViewPlus">
77
<!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
88
<!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/dev/folderview.plus.plg">
9-
<!ENTITY version "2026.03.23.03">
10-
<!ENTITY md5 "e0d67eec411f704a07295c17d69727fe">
9+
<!ENTITY version "2026.03.23.04">
10+
<!ENTITY md5 "0ee22b997d6cb07349d6530412a340ac">
1111
]>
1212

1313
<PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-icon.png" support="https://forums.unraid.net/topic/197631-plugin-folderview-plus/" min="7.0.0">
1414
<CHANGES>
1515

16+
###2026.03.23.04
17+
- UX: Refined settings and on-screen update messaging for clarity and consistency.
18+
- Quality: Strengthened release automation and regression guards to prevent note drift.
19+
20+
1621
###2026.03.23.03
1722
- Feature: Add docker multi-row preview regression guards.
1823

‎src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/Folder.page‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -479,8 +479,8 @@ emitRequestTokenMetaTag();
479479
<dd>
480480
<img class="img" style="visibility: hidden;">
481481
<select name="dropdown_style" onchange="updateForm()">
482-
<option value="boxed" selected>Boxed</option>
483-
<option value="minimal">Minimal</option>
482+
<option value="minimal" selected>Minimal</option>
483+
<option value="boxed">Boxed</option>
484484
</select>
485485
</dd>
486486
</dl>

‎src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/docker.runtime.shared.js‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
const DEFAULT_PREVIEW_BORDER_COLOR = '#afa89e';
2323
const DEFAULT_PREVIEW_BORDER_WIDTH = 1;
2424
const DEFAULT_PREVIEW_VERTICAL_BARS_WIDTH = 1;
25-
const DEFAULT_DROPDOWN_STYLE = 'boxed';
25+
const DEFAULT_DROPDOWN_STYLE = 'minimal';
2626
const DEFAULT_DROPDOWN_COLOR = '#ff9a3c';
2727
const DEFAULT_DROPDOWN_HOVER_COLOR = '#111111';
2828
const FOLDER_STATUS_COLOR_STYLE_PROPS = Object.freeze({
@@ -149,6 +149,10 @@
149149
rowStyle.setProperty('--fvplus-folder-dropdown-hover-border-color', dropdownStyle === 'boxed' ? hoverColor : 'transparent');
150150
rowStyle.setProperty('--fvplus-folder-dropdown-bg', dropdownStyle === 'boxed' ? hexToRgba(normalColor, 0.10) : 'transparent');
151151
rowStyle.setProperty('--fvplus-folder-dropdown-hover-bg', dropdownStyle === 'boxed' ? hexToRgba(normalColor, 0.82) : 'transparent');
152+
rowStyle.setProperty('--fvplus-folder-dropdown-min-width', dropdownStyle === 'boxed' ? '22px' : '12px');
153+
rowStyle.setProperty('--fvplus-folder-dropdown-height', dropdownStyle === 'boxed' ? '22px' : '16px');
154+
rowStyle.setProperty('--fvplus-folder-dropdown-padding', dropdownStyle === 'boxed' ? '0 6px' : '0 2px');
155+
rowStyle.setProperty('--fvplus-folder-dropdown-radius', dropdownStyle === 'boxed' ? '4px' : '0px');
152156
};
153157

154158
/**

‎src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/folder.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const DEFAULT_FOLDER_STATUS_COLORS = {
1616
const DEFAULT_BORDER_COLOR = '#afa89e';
1717
const DEFAULT_PREVIEW_BORDER_WIDTH = 1;
1818
const DEFAULT_PREVIEW_VERTICAL_BARS_WIDTH = 1;
19-
const DEFAULT_DROPDOWN_STYLE = 'boxed';
19+
const DEFAULT_DROPDOWN_STYLE = 'minimal';
2020
const DEFAULT_DROPDOWN_COLOR = '#ff9a3c';
2121
const DEFAULT_DROPDOWN_HOVER_COLOR = '#111111';
2222
const FOLDER_LABEL_KEYS = ['folderview.plus', 'folder.view3', 'folder.view2', 'folder.view'];

‎src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/styles/docker.css‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,11 @@
2828
--fvplus-folder-dropdown-hover-bg: rgba(255, 154, 60, 0.82);
2929
--fvplus-folder-dropdown-border-color: rgba(255, 154, 60, 0.52);
3030
--fvplus-folder-dropdown-hover-border-color: #111111;
31-
--fvplus-folder-dropdown-border-width: 1px;
31+
--fvplus-folder-dropdown-border-width: 0px;
32+
--fvplus-folder-dropdown-min-width: 12px;
33+
--fvplus-folder-dropdown-height: 16px;
34+
--fvplus-folder-dropdown-padding: 0 2px;
35+
--fvplus-folder-dropdown-radius: 0px;
3236
--fvplus-docker-context-quick-item-width: 34px;
3337
--fvplus-docker-context-quick-link-width: 30px;
3438
--fvplus-docker-context-quick-link-height: 26px;
@@ -217,9 +221,9 @@ td.ct-name.folder-name > .folder-name-sub {
217221
}
218222

219223
.folder-dropdown {
220-
padding: 0 6px;
221-
min-width: 22px;
222-
height: 22px;
224+
padding: var(--fvplus-folder-dropdown-padding, 0 2px);
225+
min-width: var(--fvplus-folder-dropdown-min-width, 12px);
226+
height: var(--fvplus-folder-dropdown-height, 16px);
223227
margin: 0 16px 0 auto;
224228
margin: 0 var(--fvplus-docker-folder-dropdown-right-margin, 16px) 0 auto;
225229
flex: 0 0 auto;
@@ -228,7 +232,7 @@ td.ct-name.folder-name > .folder-name-sub {
228232
justify-content: center;
229233
line-height: 1;
230234
border: var(--fvplus-folder-dropdown-border-width, 1px) solid var(--fvplus-folder-dropdown-border-color, rgba(255, 154, 60, 0.52)) !important;
231-
border-radius: 4px;
235+
border-radius: var(--fvplus-folder-dropdown-radius, 0px);
232236
background: var(--fvplus-folder-dropdown-bg, rgba(255, 154, 60, 0.1)) !important;
233237
box-shadow: none !important;
234238
color: var(--fvplus-folder-dropdown-color, #ff9a3c) !important;

‎src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/styles/vm.css‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@
2020
--fvplus-folder-dropdown-hover-bg: rgba(255, 154, 60, 0.82);
2121
--fvplus-folder-dropdown-border-color: rgba(255, 154, 60, 0.52);
2222
--fvplus-folder-dropdown-hover-border-color: #111111;
23-
--fvplus-folder-dropdown-border-width: 1px;
23+
--fvplus-folder-dropdown-border-width: 0px;
24+
--fvplus-folder-dropdown-min-width: 12px;
25+
--fvplus-folder-dropdown-height: 16px;
26+
--fvplus-folder-dropdown-padding: 0 2px;
27+
--fvplus-folder-dropdown-radius: 0px;
2428
}
2529

2630
body[data-fvplus-vm-app-width="compact"] {
@@ -138,18 +142,18 @@ td.vm-name.folder-name > .folder-name-sub {
138142
}
139143

140144
.folder-dropdown {
141-
width: 22px;
142-
height: 22px;
143-
min-width: 22px;
144-
padding: 0 6px;
145+
width: auto;
146+
height: var(--fvplus-folder-dropdown-height, 16px);
147+
min-width: var(--fvplus-folder-dropdown-min-width, 12px);
148+
padding: var(--fvplus-folder-dropdown-padding, 0 2px);
145149
margin: 0 var(--fvplus-vm-folder-dropdown-right-margin, 10px) 0 auto;
146150
flex-shrink: 0;
147151
display: inline-flex;
148152
align-items: center;
149153
justify-content: center;
150154
line-height: 1;
151155
border: var(--fvplus-folder-dropdown-border-width, 1px) solid var(--fvplus-folder-dropdown-border-color, rgba(255, 154, 60, 0.52)) !important;
152-
border-radius: 4px;
156+
border-radius: var(--fvplus-folder-dropdown-radius, 0px);
153157
background: var(--fvplus-folder-dropdown-bg, rgba(255, 154, 60, 0.1)) !important;
154158
box-shadow: none !important;
155159
color: var(--fvplus-folder-dropdown-color, #ff9a3c) !important;

‎tests/docker-mobile-name-alignment-guard.test.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ test('docker mobile app-name width contract keeps long names visible before elli
2424
});
2525

2626
test('docker folder dropdown keeps right gutter to avoid version-column clipping', () => {
27-
assert.match(dockerCss, /\.folder-dropdown\s*\{[\s\S]*min-width:\s*22px/);
27+
assert.match(dockerCss, /\.folder-dropdown\s*\{[\s\S]*min-width:\s*var\(--fvplus-folder-dropdown-min-width,\s*12px\)/);
2828
assert.match(dockerCss, /\.folder-dropdown\s*\{[\s\S]*margin:\s*0 16px 0 auto/);
2929
assert.match(dockerCss, /td\.ct-name\.folder-name > \.folder-name-sub\s*\{[\s\S]*right:\s*28px/);
3030
assert.match(dockerCss, /\.folder-dropdown > i\s*\{[\s\S]*font-size:\s*12px/);

‎tests/docker-runtime-shared-architecture.test.mjs‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@ test('docker CSS exposes centralized layout tokens with compatibility fallbacks'
5050
assert.match(dockerCss, /--fvplus-docker-folder-outer-reserved-width:\s*106px/);
5151
assert.match(dockerCss, /--fvplus-docker-folder-dropdown-right-margin:\s*16px/);
5252
assert.match(dockerCss, /--fvplus-folder-dropdown-color:\s*#ff9a3c/);
53+
assert.match(dockerCss, /--fvplus-folder-dropdown-min-width:\s*12px/);
5354
assert.match(dockerCss, /right:\s*var\(--fvplus-docker-folder-right-gutter,\s*28px\)/);
5455
assert.match(dockerCss, /max-width:\s*calc\(var\(--fvplus-docker-app-column-width\)\s*-\s*var\(--fvplus-docker-folder-outer-reserved-width,\s*106px\)\)/);
5556
assert.match(dockerCss, /margin:\s*0 var\(--fvplus-docker-folder-dropdown-right-margin,\s*16px\) 0 auto/);

‎tests/vm-mobile-name-alignment-guard.test.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ test('vm app-name and dropdown spacing contract preserves right-side gutter', ()
2222
assert.match(vmCss, /--fvplus-vm-folder-dropdown-right-margin:\s*10px/);
2323
assert.match(vmCss, /td\.vm-name\.folder-name > \.folder-name-sub\s*\{[\s\S]*right:\s*var\(--fvplus-vm-folder-right-gutter,\s*18px\)/);
2424
assert.match(vmCss, /\.folder-outer\s*\{[\s\S]*max-width:\s*calc\(var\(--fvplus-vm-app-column-width\)\s*-\s*var\(--fvplus-vm-folder-outer-reserved-width,\s*88px\)\)/);
25-
assert.match(vmCss, /\.folder-dropdown\s*\{[\s\S]*width:\s*22px/);
25+
assert.match(vmCss, /\.folder-dropdown\s*\{[\s\S]*width:\s*auto/);
2626
assert.match(vmCss, /\.folder-dropdown\s*\{[\s\S]*margin:\s*0 var\(--fvplus-vm-folder-dropdown-right-margin,\s*10px\) 0 auto/);
2727
});
2828

0 commit comments

Comments
 (0)