fix: improve notes functionality, update theme colors definition and resolve ui and ux small bugs (#4414)

* Fixed background blur overlay color on dialogs

* Try to fix f5 error

* Fix text color of notes

* Fix bg color of nodenode to first one available if not existent

* Removed unused imports

* Added new node colors

* Updated color of placeholder note node

* Fixed notes to appear as soon as when the add button is clicked

* Added transparent option to notes

* Fixed editor design

* Fix design of notes editor

* Update text color on the note node description

* Added canvas dot variable

* Added size and gap definition to background dots

* Updated emerald colors and badge

* used correct badges on tableAutoCellRender

* Used correct colors on the component global variable badge

* Fix color on light mode

* Fixed emerald color on the status of component

* Applied static pink to active icons on navs

* Make sidebar narrower

* Updated size of /

* Fixed Beta and Legacy badges

* Fixed position of chevron

* Fixed node name input

* Updated clear search button

* Updated color for grid dots

* Updated sidebar filter color

* Added chat input check

* Fixed sorting of flow sidebar component

* Fix canvas color

* Updated sticky notes test

* Fixed tests

* Fixed test
This commit is contained in:
Lucas Oliveira 2024-11-06 11:54:43 -03:00 • committed by GitHub
commit de7b23ea93
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
27 changed files with 518 additions and 406 deletions

View file

@ -35,10 +35,7 @@ test.describe("group node test", () => {
await page.getByRole("button", { name: "Group" }).click();
await page.getByTestId("title-Group").dblclick();
await page
.getByTestId("popover-anchor-input-title-Group")
.first()
.fill("test");
await page.getByTestId("input-title-Group").first().fill("test");
await page.getByTestId("icon-Ungroup").first().click();
await page.keyboard.press("Control+g");
await page.getByTestId("title-OpenAI").isVisible();

View file

@ -105,7 +105,10 @@ The future of AI is both exciting and uncertain. As the technology continues to
let hasStyles = await element?.evaluate((el) => {
const style = window.getComputedStyle(el);
return style.backgroundColor === "rgb(241, 245, 249)";
return (
style.backgroundColor === "rgb(252, 211, 77)" ||
style.backgroundColor === "rgb(253, 230, 138)"
);
});
expect(hasStyles).toBe(true);
@ -113,7 +116,7 @@ The future of AI is both exciting and uncertain. As the technology continues to
await page.getByTestId("color_picker").click();
await page.getByTestId("color_picker_button_red").click();
await page.getByTestId("color_picker_button_rose").click();
await page.waitForTimeout(1000);
await page.getByTestId("note_node").click();
@ -122,7 +125,11 @@ The future of AI is both exciting and uncertain. As the technology continues to
hasStyles = await element?.evaluate((el) => {
const style = window.getComputedStyle(el);
return style.backgroundColor === "rgb(254, 226, 226)";
return (
style.backgroundColor === "rgb(253, 164, 175)" ||
style.backgroundColor === "rgb(254, 205, 211)"
);
});
expect(hasStyles).toBe(true);