Design system not mobile responsive

[nucleogenesis]

I went to show my wife the design principles on my phone and it looked like this.

[indirectlylit]

indeed.

the ugly part in the bottom is covered separately by #100

[practicatto]

hii, I was wondering if I could be assigned to this issue? I'd be glad to help here :)

[MisRob]

Hi @practicatto, that'd be great improvement, thank you. Let me check briefly with our designers to confirm what's expected experience.

[MisRob]

@practicatto There will be larger re-design coming but we don't know exactly when and think that it shouldn't block this work. Our design team confirmed that we start with the same experience of side navigation panel as in Kolibri:

I can assign you if you confirm you'd like to implement this.

[practicatto]

@MisRob Yea, sure. I'll start it tonight :)

[MisRob]

Great thanks a lot @practicatto

[MisRob]

Hi @practicatto, are you still planning to work in this?

[FidalMathew]

@MisRob I would like to work on this issue.

[MisRob]

Thanks @FidalMathew. The expected behavior is best described in #107 (comment). Please let me know if it's clear.

[FidalMathew]

@MisRob Would this design work? and on clicking this, we'll be able to view the side nav. Any suggestions?

[AlexVelezLl]

Hey @FidalMathew! It seems to me that the icon is a little big, what Icon are you using for this? Could you open a PR to have a better sense of the change and discuss better there, plase? :)

[FidalMathew]

@AlexVelezLl I didn't make much changes, just a few minute changes to know where the content is, and some changes are made using inspect element. The image is a photoshopped to place for now. Any suggestions on where to get icons from?

[AlexVelezLl]

You can use our KIcon component, and use our menu icon https://design-system.learningequality.org/icons/#token-menu, here you can see an example: https://github.com/AlexVelezLl/kolibri-design-system/blob/ab6dc8f06c89e78887bd686fa1ba8e707db43a05/docs/common/DocsToggleButton.vue#L4

[MisRob]

Hi @FidalMathew, are you still planning to work on this issue or should we unassign?

[FidalMathew]

@MisRob Sorry, I have been sick lately, I would like to continue working on this issue.

[MisRob]

Hi @FidalMathew, first of all I hope you get well soon.

No worries about the issue at all! Please take all the time you need, we will keep you assigned. I am just doing my regular check-in rounds on possibly stale issues.

[MisRob]

Hi @FidalMathew, I wanted to mention that Learning Equality will be closed from December 23 to January 5.

[Flying-Pegasus]

@MisRob Is this open ?