Skip to content

Commit 86dcd79

Browse files
authored
#6661 Toolbox - Subitems - An arrow action is shifted to the bottom (#6669)
Fixes #6661
1 parent 50ffb4c commit 86dcd79

File tree

6 files changed

+31
-0
lines changed

6 files changed

+31
-0
lines changed

packages/survey-creator-core/src/components/toolbox/toolbox-tool.scss

+3
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,9 @@
2727
.svc-toolbox__item-banner {
2828
top: 50%;
2929
}
30+
.svc-toolbox__item-submenu-button {
31+
top: calc(var(--ctr-toolbox-item-padding-top, var(--sjs-spacing-x1)));
32+
}
3033
}
3134
}
3235
.svc-toolbox__tool-content {
Loading
Loading
Loading
Loading

visualRegressionTests/tests/designer/toolbox.ts

+28
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,34 @@ test("Left toolbox", async (t) => {
5555
});
5656
});
5757

58+
test("Left toolbox - subitems in first item", async (t) => {
59+
await wrapVisualTest(t, async (t, comparer) => {
60+
await changeToolboxScrolling(false);
61+
await changeToolboxSearchEnabled(false);
62+
await setAllowEditSurveyTitle(false);
63+
await setShowAddQuestionButton(false);
64+
65+
await ClientFunction(() => {
66+
window["creator"].toolbox.removeItem("radiogroup");
67+
})();
68+
69+
const toolboxItem = Selector(".svc-toolbox__item");
70+
const toolboxElement = Selector(".svc-toolbox");
71+
72+
await setJSON({
73+
showQuestionNumbers: "on", pages: [{ name: "page1" }]
74+
});
75+
await t.resizeWindow(2560, 1440);
76+
await setShowSidebar(false);
77+
await takeElementScreenshot("toolbox-left-subitems-first.png", toolboxElement, t, comparer);
78+
79+
await t.hover(toolboxItem);
80+
await takeElementScreenshot("toolbox-left-hover-item-subitems-first.png", toolboxElement, t, comparer);
81+
82+
await t.resizeWindow(2560, 1440);
83+
});
84+
});
85+
5886
test("Right toolbox", async (t) => {
5987
await wrapVisualTest(t, async (t, comparer) => {
6088
await changeToolboxScrolling(false);

0 commit comments

Comments
 (0)