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

removed margin to fix center position + overflow on mobile #9351

Merged
merged 2 commits into from
Jul 12, 2023

Conversation

grimmoc
Copy link
Contributor

@grimmoc grimmoc commented Jul 5, 2023

Description

Media controls overflowed on smaller 9:16 screens because it is absolutely positioned and centered using transform property, its margin caused the transform operation to not calculate the center properly (the latter also affected desktop but was merely visible).

Related Issue

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Technical debt
  • Tests

Checklist:

  • Code changes
  • Unit tests added
  • Acceptance tests added
  • Documentation ticket raised:

Open tasks:

  • ...

@grimmoc grimmoc changed the title removed margin to fix center po removed margin to fix center position + overflow on mobile Jul 5, 2023
Copy link
Collaborator

@JammingBen JammingBen left a comment

Choose a reason for hiding this comment

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

Change works well 👍

@@ -0,0 +1,6 @@
Bugfix: Media controls overflow on mobile screens

Media controls overflowed on smaller 9:16 screens because it is absolutely positioned and centered using transform property, its margin caused the transform operation to not calculate the center properly (the latter also affected desktop but was merely visible).
Copy link
Collaborator

Choose a reason for hiding this comment

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

This is nice technical detail which is great to have as PR description (like you do). For a changelog item however it's a bit much technical detail as those items are usually intended for end users.

An exception are changes that target developers, e.g. changes in the extension framework.

@grimmoc grimmoc force-pushed the 9318-fix-media-controls-overflow branch from 92fe315 to fbcf402 Compare July 12, 2023 09:27
@sonarcloud
Copy link

sonarcloud bot commented Jul 12, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@grimmoc grimmoc marked this pull request as ready for review July 12, 2023 12:55
@grimmoc grimmoc merged commit 61a6834 into master Jul 12, 2023
@delete-merged-branch delete-merged-branch bot deleted the 9318-fix-media-controls-overflow branch July 12, 2023 12:56
@micbar micbar mentioned this pull request Jul 24, 2023
68 tasks
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.

Preview details in detail view of photo not fully displayed on mobile devices
2 participants