Button text cut off in Edit Modal/crowding of sidebar

[marcellamaki]

Observed behavior

Reported by @thanksameeelian in the 2023-21-06 bug hunt

“add new folder” button cut off in smaller screen view (but horizontally scrollable) though there is padding that could be eliminated to render it fully visible

and @tomiwaoLE

“import more button/sidebar is bunched up and cut off on the left side of the screen

Expected behavior

The layout of this page should ensure that all button text is visible. Probably some of the updates to the bulk editing designs would be relevant here, but maybe could be introduced gradually?

User-facing consequences

Some text not visible

Usage Details

hotfixes 2023-21-06 bug hunt

[CHIRANTH-24]

Hello @marcellamaki , I would like to work on this issue. I wanted to know the procedure to reproduce this issue.

[akolson]

Hi @CHIRANTH-24, Yes, you can. Thanks!

To replicate the issue, you will need to;

• Set up Kolibri Studio. There is a Read Me on how to set up the project. However, incase you encounter any challenges, please let us know so we can support you.
• Using the NEW CHANNEL button, create a new channel(https://localhost:8080/en/channels/#/my-channels)
• Proceed to create a new folder inside the newly created channel. The button in question is on the top-left of the page. You may need to resize your browser window/apply zooming to replicate the issue.

Thanks again for offering to contribute in making Kolibri Studio better.

[CHIRANTH-24]

Thank you @akolson
I came across the documentation and Readme.md files. I have started to work

[CHIRANTH-24]

Hi @CHIRANTH-24, Yes, you can. Thanks!

To replicate the issue, you will need to;

• Set up Kolibri Studio. There is a Read Me on how to set up the project. However, incase you encounter any challenges, please let us know so we can support you.
• Using the NEW CHANNEL button, create a new channel(https://localhost:8080/en/channels/#/my-channels)
• Proceed to create a new folder inside the newly created channel. The button in question is on the top-left of the page. You may need to resize your browser window/apply zooming to replicate the issue.

Thanks again for offering to contribute in making Kolibri Studio better.

Im really sorry to say this:
Im still not able to get to know the procedure to reproduce this issue (the link was not responsive) .
But I was able to set the project locally and install all the required dependencies.

[akolson]

Hi @CHIRANTH-24. I am very sorry to hear this. I will follow this up by posting a video on how to replicate the issue.

[akolson]

Screen.Recording.2023-10-30.at.14.44.43.mov

Hopefully this video clarifies how to replicate it.

[CHIRANTH-24]

Thank you
I got it

[akolson]

Hi @CHIRANTH-24! Any updates on this issue? In case you have any questions or comments, please be sure to let us know so we can support you. Thanks

[CHIRANTH-24]

Hi @akolson !
I'm really sorry to say this,
I'm currently learning Vue.js, and it would be great if you could unassign me for the moment. I'll definitely let you know when I'm ready to continue.

[akolson]

@CHIRANTH-24 No worries, I will proceed to reassign it accordingly! Please feel free to choose from other issues that you are comfortable working on. Thanks again!