Updates "Section Settings" Side panel UI
Summary
This PR updates the section title in the edit section UI
Closes #13107
After
Before
References
#13107
Reviewer guidance
-
See https://www.figma.com/design/lVJt5ukOrxS9qay0rXy7GC/0.18-Coach-updates?node-id=107-20607&p=f&t=VBq8IMW8iRQB1p7u-0
-
Navigate to Create quiz
-
Click on the Options button
-
Select the edit section
Build Artifacts
| Asset type | Download link |
|---|---|
| PEX file | kolibri-0.18.1.dev0_git.20250616162023.pex |
| Windows Installer (EXE) | kolibri-0.18.1.dev0+git.20250616162023-windows-setup-unsigned.exe |
| Debian Package | kolibri_0.18.1.dev0+git.20250616162023-0ubuntu1_all.deb |
| Mac Installer (DMG) | kolibri-0.18.1.dev0+git.20250616162023.dmg |
| Android Package (APK) | kolibri-0.18.1.dev0+git.20250616162023-0.1.4-debug.apk |
| Raspberry Pi Image | kolibri-pi-image-0.18.1.dev0+git.20250616162023.zip |
| TAR file | kolibri-0.18.1.dev0+git.20250616162023.tar.gz |
| WHL file | kolibri-0.18.1.dev0+git.20250616162023-py2.py3-none-any.whl |
Agreed, there shouldn't be a border beneath the title section, and there also shouldn't be a border on the bottom bar. I think the border under the title section is currently implemented in different side panels across the app and it'd be good to remove that at some point
HI @jtamiace does this change looks good to you?
As a secondary thought - if you run into challenges with this (updating the CSS styles, the title/header patterns, etc.), this is really useful information for our side panel refactoring work! You can share that as part of our conversations
The underline should be removed, it's part of the spec (see above). I think we have some further side panel cleanup here to do for consistency, but I don't think that's in scope for @AllanOXDi 's PR here. I will need to think then if we should merge this now for 0.18 patch 2 and have it not match, or if we should merge this into develop and do all of the cleanup in 0.19