[Ui] Made the features container section responsive

[Rohith-Raju]

Signed-off-by: Rohith Raju [email protected]

Description Made the catalog section responsive

This PR fixes #784

Notes for Reviewers Since this Pr is yet to merge, I've yet to fix the responsiveness for the catalog section

Signed commits

• [x] Yes, I signed my commits.

[netlify[bot]]

✅ Deploy Preview for mesheryio-preview ready!

Name	Link
🔨 Latest commit	f792c42300af621fdeeaed6de65db7900e335daa
🔍 Latest deploy log	https://app.netlify.com/sites/mesheryio-preview/deploys/6333c8cbe566680008c63bab
😎 Deploy Preview	https://deploy-preview-787--mesheryio-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[Rohith-Raju]

[Rohith-Raju]

Sure @YashKamboj

[leecalcote]

https://github.com/meshery/meshery.io/pull/767 Is merged. 👍

[Rohith-Raju]

Yep @leecalcote, Working on it.

[Rohith-Raju]

@leecalcote @YashKamboj Grid layout for mobile

[Rohith-Raju]

@YashKamboj @leecalcote Heads up as of now cloud native catalog nav item has been removed from the drop down. links are still live though so head over to /catalog.

[leecalcote]

@Rohith-Raju I think we're ok now:

We do need to fix the padding / margin issue that I left wherein the on hover background color isn't covering the full width of the menu on the righthand side.

[leecalcote]

We seem to still have a bit of overlap -

[Rohith-Raju]

@Rohith-Raju I think we're ok now:

We do need to fix the padding / margin issue that I left wherein the on hover background color isn't covering the full width of the menu on the righthand side.

@leecalcote Sure,I'll do that

[Rohith-Raju]

We seem to still have a bit of overlap -

@leecalcote too many overriding styles. I'll have to change classes, gonna be here for a while

[Rohith-Raju]

@leecalcote @YashKamboj

[YashKamboj]

@Rohith-Raju adding a collapse button would be a great addition

[Rohith-Raju]

@YashKamboj I agree, But aren't we re-designing the entire meshery.io site?

[Rohith-Raju]

@leecalcote @YashKamboj we good ?

screen-recorder-sat-aug-13-2022-13-47-36.webm

[YashKamboj]

@Rohith-Raju load more looks great!!, Nice work!! But the feature to filter the filters not the best feature to add. A collapse button might be a better option. @debo19 views??

[Rohith-Raju]

Oh,ok @YashKamboj

[Rohith-Raju]

@YashKamboj @leecalcote something like this ?

screen-recorder-thu-aug-11-2022-21-25-55.webm

[leecalcote]

Demo'ed on today's Websites meeting?

[Rohith-Raju]

@leecalcote I couldn't, ran outta time..

[Rohith-Raju]

@leecalcote, @YashKamboj now the button looks like this.

[leecalcote]

Ooooh, I like it! @warunicorn19 @asubedy @YashKamboj how does this strike you?

[leecalcote]

@PIYUSH-MISHRA-00, thank you for reviewing this PR. What do you think of the latest, proposed filter icon / button?

[warunicorn19]

Looks great!

[asubedy]

Ooo, nice, this one looks better 👍

[Rohith-Raju]

Thank you folks!!.. Do we get this merged if everything is a go?

[leecalcote]

Merge when ready @asubedy @warunicorn19

[Rohith-Raju]

Sure @asubedy

[Rohith-Raju]

@asubedy could you check it now? changed it back to normal.

[Rohith-Raju]

Ok @warunicorn19 , on it!!