Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: now search input is no longer squised on non-macOS devices #3487

Merged

Conversation

msaadg
Copy link
Contributor

@msaadg msaadg commented May 28, 2024

Description

Used ternary operator to switch between w-56 and w-64, did not use w-72 as the header logo gets very small when approaching sm breakpoint.

Related Tickets & Documents

Fixes #3481

Mobile & Desktop Screenshots/Recordings

Before

Non-macOS
image

macOS

image

After

Non-macOS
image

macOS
image

Steps to QA

  1. Visit the main page from a mac machine.
  2. Visit the main page from a windows machine.

Tier (staff will fill in)

  • Tier 1
  • Tier 2
  • Tier 3
  • Tier 4

[optional] What gif best describes this PR or how it makes you feel?

used ternary operator to switch width, didnot use w-72 as the header logo gets very small when
approaching sm breakpoint

fix open-sauced#3481
Copy link

netlify bot commented May 28, 2024

Deploy Preview for oss-insights ready!

Name Link
🔨 Latest commit f7b129b
🔍 Latest deploy log https://app.netlify.com/sites/oss-insights/deploys/665603b45682bd0008176cef
😎 Deploy Preview https://deploy-preview-3487--oss-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented May 28, 2024

Deploy Preview for design-insights ready!

Name Link
🔨 Latest commit f7b129b
🔍 Latest deploy log https://app.netlify.com/sites/design-insights/deploys/665603b466c81d000933902b
😎 Deploy Preview https://deploy-preview-3487--design-insights.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link
Contributor

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

PR Compliance Checks Passed!

@nickytonline nickytonline requested a review from a team May 28, 2024 16:21
Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

Looks great! Thanks for the fox @msaadg! 🚢

CleanShot 2024-05-28 at 12 31 12

Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

Looks great! Thanks for the fox @msaadg! 🚢

CleanShot 2024-05-28 at 12 31 12

@nickytonline nickytonline changed the title fix: increased dialog box width from 56 to 64 when non-mac fix: now search input is no longer squised on non-macOS devices May 28, 2024
@a0m0rajab
Copy link
Contributor

@nickytonline if it's okay to ask, what is the tool you used to show the design across different platforms?

@brandonroberts brandonroberts merged commit 15d70ce into open-sauced:beta May 28, 2024
35 checks passed
open-sauced bot pushed a commit that referenced this pull request May 28, 2024
## [2.32.0-beta.5](v2.32.0-beta.4...v2.32.0-beta.5) (2024-05-28)

### 🐛 Bug Fixes

* now search input is no longer squised on non-macOS devices ([#3487](#3487)) ([15d70ce](15d70ce))
* now the outline button shows button text when disabled ([#3485](#3485)) ([cb8bd3a](cb8bd3a))
open-sauced bot pushed a commit that referenced this pull request May 28, 2024
## [2.32.0](v2.31.0...v2.32.0) (2024-05-28)

### 🐛 Bug Fixes

* added more padding between footer and highlights ([#3483](#3483)) ([352cde5](352cde5))
* now if a dynamic widget errors out, StarSearch continues to work ([#3474](#3474)) ([f840d6b](f840d6b))
* now search input is no longer squised on non-macOS devices ([#3487](#3487)) ([15d70ce](15d70ce))
* now StarSearch suggestion boxes have uniform widths ([#3471](#3471)) ([1302d33](1302d33))
* now the outline button shows button text when disabled ([#3485](#3485)) ([cb8bd3a](cb8bd3a))
* **search:** only show one not found message ([#3477](#3477)) ([7714523](7714523))
* update feed highlight to StarSearch ([#3489](#3489)) ([c99921a](c99921a))

### 🍕 Features

* Adds URL parameter validators to fetch requests ([#3467](#3467)) ([4c056d9](4c056d9))
* Updates error copy StarSearch ([#3494](#3494)) ([735c8c6](735c8c6))
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.

Bug: the search input formatting is off in Chrome for Windows
4 participants