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

Safari alignment of icons buttons and fields broken in stg #337

Conversation

create-issue-branch[bot]
Copy link
Contributor

@create-issue-branch create-issue-branch bot commented Jan 16, 2023

What's Changed?

  • Fixing svg alignment issue in Safari. This was caused by the min-width: min-content rule on svgs put in place to prevent svgs shrinking when there is less space. Instead of this, the svg that was shrinking was wrapped in an extra div.

Screenshots

Before

Screenshot 2023-01-16 at 16 30 03

After

Screenshot 2023-01-16 at 16 31 03

closes #332

@create-issue-branch create-issue-branch bot temporarily deployed to previews/issues/332-Safari_alignment_of_icons_buttons_and_fields_broken_in_stg January 16, 2023 15:50 Inactive
@loiswells97 loiswells97 temporarily deployed to previews/issues/332-Safari_alignment_of_icons_buttons_and_fields_broken_in_stg January 16, 2023 15:51 — with GitHub Actions Inactive
@github-actions
Copy link

@github-actions
Copy link

@loiswells97 loiswells97 temporarily deployed to previews/issues/332-Safari_alignment_of_icons_buttons_and_fields_broken_in_stg January 16, 2023 16:21 — with GitHub Actions Inactive
@github-actions
Copy link

@loiswells97 loiswells97 temporarily deployed to previews/issues/332-Safari_alignment_of_icons_buttons_and_fields_broken_in_stg January 16, 2023 16:26 — with GitHub Actions Inactive
@github-actions
Copy link

@loiswells97 loiswells97 marked this pull request as ready for review January 16, 2023 16:31
@patch0 patch0 merged commit 8ed3496 into main Jan 17, 2023
@patch0 patch0 deleted the issues/332-Safari_alignment_of_icons_buttons_and_fields_broken_in_stg branch January 17, 2023 11:54
patch0 added a commit that referenced this pull request Jan 17, 2023
 ## Added

- Styling of the projects list (#317)
- Ability to collapse and expand the left hand file pane (#316)
- Plausible event tracking for left hand file pane (#325)
- Last updated field added to the projects table (#319)
- Message for empty state on projects (#327)
- Rename project action on project index page (#324)
- Context menu for project index page actions on mobile (#324)
- Danger button styling (#330)

 ## Changed

- Change port number to fix 'no consent token' error (#326)
- Long file names truncated rather than scrolling in left hand file pane (#316, #337)
- Tab scrollbars only appear when necessary (#331)
- Added merge=union gitattribute for this file (#339)

 ## Fixed

- Make sure button text is always centered (#328)
- Make theme and font size persist across all pages of the app (#329)
- Make dismissing the Beta banner persist across all pages of the app (#329)
- Touch area of icon-only buttons (#330, #336)
- Delete project action on project index page (#330)
- Refactored project list loading to allow loading states to be shown (#330)
- Removed unneeded scrollbars on the editor and output panels (#331)
- Make Your projects page background extend below the fold (#334)
@patch0 patch0 mentioned this pull request Jan 17, 2023
patch0 added a commit that referenced this pull request Jan 17, 2023
## Added

- Styling of the projects list (#317)
- Ability to collapse and expand the left hand file pane (#316)
- Plausible event tracking for left hand file pane (#325)
- Last updated field added to the projects table (#319)
- Message for empty state on projects (#327)
- Rename project action on project index page (#324)
- Context menu for project index page actions on mobile (#324)
- Danger button styling (#330)

## Changed

- Change port number to fix 'no consent token' error (#326)
- Long file names truncated rather than scrolling in left hand file pane
(#316, #337)
- Tab scrollbars only appear when necessary (#331)
- Added merge=union gitattribute for this file (#339)

## Fixed

- Make sure button text is always centered (#328)
- Make theme and font size persist across all pages of the app (#329)
- Make dismissing the Beta banner persist across all pages of the app
(#329)
- Touch area of icon-only buttons (#330, #336)
- Delete project action on project index page (#330)
- Refactored project list loading to allow loading states to be shown
(#330)
- Removed unneeded scrollbars on the editor and output panels (#331)
- Make Your projects page background extend below the fold (#334)
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.

Safari alignment of icons buttons and fields broken in stg
2 participants