Gantt demos styling issues

[ghulamghousdev]

• [x] Find tasks by name field is shrinked. Go to here. See screenshot:

• [x] Buttons are not consistent with vanilla advanced in Material3 light in Advanced Gantt angular demo

• [x] Settings dropdown have items squished in Advanced Gantt angular demo

• [x] Background of the input in cell does not change when editing in material3 light theme: Advanced Gantt angular demo

OUTLINED FIELDS IN MATERIAL ARE SUPPOSED TO HAVE TRANSPARENT BACKGROUND

https://github.com/user-attachments/assets/28970d3c-2d07-40cd-a248-314821b627e7

• [x] Undro - redo count is squished. Reproduced here: Advanced Gantt angular demo

• [x] Error tip text color seems out of place in material3 light in advanced angular demo.

• [x] Add new column placeholder and filter icon in material3 overlapping. Advanced Gantt angular demo

https://github.com/user-attachments/assets/cf3ae5ed-b7ab-4ace-ab30-8e1175f3ed53

• [x] I believe when reloading an example, in loading state it should not show light blue background, but it might be according to design, still noting it down here:

https://bryntum.com/products/gantt-next/examples/frameworks/angular/baselines/dist/baselines/

https://github.com/user-attachments/assets/ca79be88-19a3-4756-9d3b-5191f269212f

• [x] Toggling options in show baseline menu works opposite. Checking show baseline 1, hides the baseline. See clip. Reproducible here

https://github.com/user-attachments/assets/fe69d7ca-85b4-4095-8e83-f67d173734d7

• [x] Incorrect demo title for https://bryntum.com/products/gantt-next/examples/frameworks/angular/basic-thin/dist/basic-thin/ :

• [x] Incorrect proxy position when when dragging a task in https://bryntum.com/products/gantt-next/examples/frameworks/angular/drag-from-grid/dist/drag-from-grid/

https://github.com/user-attachments/assets/cdd89b3d-07f6-4c6d-88c8-3b2181062536

• [x] Dropdown item stays in checked state (background wise) irrespective of checked unchecked: https://bryntum.com/products/gantt-next/examples/frameworks/angular/pdf-export/dist/pdf-export/

• [x] Cancel text is cut in popup showing that Waiting for response from server Reproducible here: https://bryntum.com/products/gantt-next/examples/frameworks/angular/pdf-export/dist/pdf-export/

• [ ] Shadow inside toggle button. Reproducible here: https://bryntum.com/products/gantt-next/examples/frameworks/angular/rollups/dist/rollups/

https://github.com/user-attachments/assets/846b7571-89d4-4f22-a2e8-89a29397ddaa

• [x] In https://bryntum.com/products/gantt-next/examples/taskeditor/ radio buttons and label are not aligned.

• [ ] In https://bryntum.com/products/gantt-next/examples/taskeditor/ Priority label buttons should be aligned horizontally

[khattakdev]

Some errors reported above in Gantt Advanced can also be reproduced in React Advanced

• [x] Buttons are not consistent

• [x] Filter field should have more length

• [x] Settings dropdown needs adjustment

• [x] undo/redo count not showing up properly

[khattakdev]

In Timeline Demo

Go from medium > Large > medium > small

https://github.com/user-attachments/assets/89b5e9ec-a14f-4733-88c6-ec49f79b499e

[khattakdev]

React Time ranges should have more width for time ranges start Date

[khattakdev]

React demo is using a toggle, should be a slider instead

Also, in Angular, it's on the right side, while other demos has it on the left, should be consistent.

Also, update the React demo name from rollups to Rollups

[willydee]

Vue2 Advanced demo: some identical issues as in Angular

• [ ] Squished picker items

• [ ] Cut-off undo badge

• [ ] Overlapping text and chevron in the New Column header

[willydee]

Vue2 Cell Renderer demo:

• [ ] Discrepancy between Done column and actual data

[willydee]

Vue2 Task editor customization demo:

• [ ] Radio buttons vertical instead of horizontal

[willydee]

Vue3 Gantt + Scheduler demo:

• [ ] Zoom in / out icons too small and off position

• [ ] Second column could be a tad wider, so initially no ellipsis is shown in the header

[willydee]

Vue3 Inline data demo (also in Vue2 Inline data demo):

• [ ] Strange connector lines when clicking Change data. They go away when zooming. The animation suggests that these are artifacts from the previous data.

[willydee]

Vue2 Export to PDF/PNG demo:

• [x] Cut-off toast message