Skip to content

Improve/fix styling of search results on mobile#524

Merged
csillag merged 1 commit into
masterfrom
csillag/fix-mobile-search
Jun 14, 2023
Merged

Improve/fix styling of search results on mobile#524
csillag merged 1 commit into
masterfrom
csillag/fix-mobile-search

Conversation

@csillag
Copy link
Copy Markdown
Contributor

@csillag csillag commented Jun 14, 2023

Task:

So the mobile visuals were gone and I recreated them here. They should follow the desktop logic, these visuals serve the purpose of UI more than functionality - so if you come across inconsistencies please follow what’s on desktop. Let me know if you got questions.

Wanted visual:
image (11)

Solution:

Global search

Before: After: Design:
image image image

Search launched from TestNet

Before: After: Design:
image image image

|

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 14, 2023

Deployed to Cloudflare Pages

Latest commit: d2b49692c6e924e454eec67379302545715e674e
Status:✅ Deploy successful!
Preview URL: https://871e85a7.oasis-explorer.pages.dev

@csillag csillag requested a review from buberdds June 14, 2023 01:17
@donouwens
Copy link
Copy Markdown
Contributor

The basics are correct @csillag (as you asked).

There is a small thing;

  1. The view/hide banner needs more space above and below the text on both instances, please (see screenshots)

Moreover, the search, paratime selector, and eco system aren't working for me here. I copied the string for multiple results but it still only shows my 1 results on mainnet and one (hidden) on testnet (/search?q=123). So I couldn't check the multiple results yet.

Screenshot 2023-06-14 at 07 16 33 Screenshot 2023-06-14 at 07 18 36

@csillag
Copy link
Copy Markdown
Contributor Author

csillag commented Jun 14, 2023

Moreover, the search, paratime selector, and eco system aren't working for me here. I copied the string for multiple results but it still only shows my 1 results on mainnet and one (hidden) on testnet (/search?q=123). So I couldn't check the multiple results yet.

The problem is that we have now disabled emerald both on mainnet and testnet, so you won't have multiple results within mainnet. However, if I enable it for you in my dev build, then it shows:

image

@csillag
Copy link
Copy Markdown
Contributor Author

csillag commented Jun 14, 2023

The view/hide banner needs more space above and below the text

Would this be all right?

image

@csillag csillag force-pushed the csillag/fix-mobile-search branch 4 times, most recently from 3189ea8 to bfedfda Compare June 14, 2023 11:18
isMobile
? {
border:
theme.palette.background.default !== theme.palette.layout.border
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This comparison is to target specific theme? I wonder if it's not safer to define custom border in each theme and just theme.layout.myMagicBorder.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, because when we don't want the see border, then we don't want to have it at all; when it's there, it's really thick, and so it's a big waste of space to have an invisible border. Plus there are other changes, including the different border radius...

@csillag csillag force-pushed the csillag/fix-mobile-search branch from bfedfda to d2b4969 Compare June 14, 2023 15:02
@csillag csillag merged commit 77fdc1c into master Jun 14, 2023
@csillag csillag deleted the csillag/fix-mobile-search branch June 14, 2023 15:05
@buberdds buberdds mentioned this pull request Oct 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants