{prompt && Выберите сервер}
+
.client-server-mode-toggle {
+ margin-top: 8px;
+}
+
.client-server-tools input {
width: 100%;
height: 36px;
@@ -2874,6 +2894,7 @@ p {
}
.client-server-filters button:focus-visible,
+.client-server-mode-toggle:focus-visible,
.client-server-group-toggle:focus-visible,
.client-server-more:focus-visible,
.client-server-auto:focus-visible,
@@ -3280,6 +3301,7 @@ p {
}
.client-server-filters button,
+ .client-server-mode-toggle,
.client-server-group-toggle,
.client-server-more,
.client-server-favorite {
@@ -3375,6 +3397,7 @@ p {
.client-usage > strong,
.client-server,
.client-server-auto,
+ .client-server-mode-toggle,
.client-server-favorite,
.client-server-group-toggle,
.client-server-more,
diff --git a/test/web/server-picker.test.js b/test/web/server-picker.test.js
index 1a31a36..4730b76 100644
--- a/test/web/server-picker.test.js
+++ b/test/web/server-picker.test.js
@@ -47,3 +47,11 @@ test('server picker keeps health manual and the rendered result window bounded',
assert.match(picker, /harbor-server-recent/);
assert.match(picker, /aria-expanded={!isCollapsed}/);
});
+
+test('server picker starts simple and reveals advanced controls on demand', () => {
+ assert.match(picker, /const \[advanced, setAdvanced\] = useState\(false\)/);
+ assert.match(picker, /if \(!advanced\)/);
+ assert.match(picker, />Поиск и фильтры<\/button>/);
+ assert.match(picker, />Простой список<\/button>/);
+ assert.match(picker, /\.slice\(0, SERVER_RESULT_WINDOW\)/);
+});