#2420 - fix searchbar on mobile

[petersopko]

Thank you for your contribution to the KodaDot NFT gallery.
👇 _ Let's make a quick check before the contribution.

PR type

• Bugfix
• Feature
• Refactoring

What's new?

• PR closes fix searchbar on mobile #2420
• showing searchbar in gallery and collections on mobile as before, but hiding it when navbar expands. I'll follow next week in Unite search experience in Collections with Gallery #2261

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </rmrk/collection/26902bc2f7c20c546a-1FVG7>
• I've tested PR on mobile and everything seems works
• I found edge cases
• I've written some unit tests 🧪

Had issue bounty label?

• Fill up your KSM address: Payout

Community participation

• Are you at KodaDot Discord?

Screenshot

• My fix has changed something on UI; a screenshot is best to understand changes for others.

KodaDot.-.Kusama.NFT.Market.Explorer._.Low.Carbon.NFTs.-.Google.Chrome.2022-02-22.18-07-27.mp4

[netlify]

✔️ Deploy Preview for koda-nuxt ready!

🔨 Explore the source changes: 3aeb814

🔍 Inspect the deploy log: https://app.netlify.com/sites/koda-nuxt/deploys/621d01878399580007e54c36

😎 Browse the preview: https://deploy-preview-2430--koda-nuxt.netlify.app

[yangwao]

#2425 was merged, you've got green runway ;)

[petersopko]

I've changed the order of text in search section, in my opinion this still wasn't good:

Here's the current version:

Low.minting.fees.and.carbonless.NFTs._.Low.Carbon.NFTs.-.Google.Chrome.2022-02-28.18-02-48.mp4

[petersopko]

@yangwao I've kept the search bar located in the navbar in case of collections instead of what I've described in #2420 since I've mistakenly thought that the searchbar located in navbar is "collections" on collections page. Since in navbar there's always only "gallery", it makes sense to keep it there. The gallery is fixed here, tomorrow I'll start looking into the unification of Gallery/Collections search experience.

Low.minting.fees.and.carbonless.NFTs._.Low.Carbon.NFTs.-.Google.Chrome.2022-02-28.18-15-10.mp4

[yangwao]

pay 100 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $100 @ 123.91 USD/KSM ~ 0.807 $KSM
🧗 FNyt7T1xdbhN7dagf7yGYCRJuE3R45VmTCE3tjzy1rKxa7y
🔗 0x18c4b4defd1c60ca878a33361c45b08bc16b946841bf145773d120a28b895d02

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues