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

🎨 [#1131] Dropdown on mobile partly rendered off-screen #473

Merged
merged 3 commits into from
Feb 20, 2023

Conversation

jiromaykin
Copy link
Contributor

@jiromaykin jiromaykin commented Feb 16, 2023

issue in Taiga: #1131 Dropdown on mobile partly rendered off-screen
In the original design it already showed the drop down should have been aligned to the right:
(https://projects.invisionapp.com/share/Y211V6JRHPC4#/screens/470665006)

Screenshot from 2023-02-16 14-24-27

@jiromaykin jiromaykin marked this pull request as ready for review February 16, 2023 13:49
@jiromaykin jiromaykin force-pushed the fix/1131-Dropdown-on-mobile-rendered-offscreen branch from 90f3c94 to e56e08a Compare February 16, 2023 13:55
@@ -11,7 +11,7 @@
flex-direction: column;
padding: var(--spacing-medium) 0;
position: absolute;
left: 0;
right: 0;
Copy link
Contributor

@vaszig vaszig Feb 16, 2023

Choose a reason for hiding this comment

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

I don't see a reason to revert this and remove the code below imo. Testing the mobile and desktop versions in the test envs I have the expected left and right results. Maybe the issue was created before the style updates these days?

acties

files

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@vaszig I had only updated that for the mobile views in a different PR yes, but we still need this new PR to also make the alignment correct everywhere else (for desktops), as based on the actual design (see my description on top of this page).

Copy link
Contributor

Choose a reason for hiding this comment

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

If this is what we want for the different size screens, the code looks good to me. @alextreme can you please give us your opinion?

@codecov-commenter
Copy link

codecov-commenter commented Feb 16, 2023

Codecov Report

Merging #473 (95be04a) into develop (6107ac5) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop     #473   +/-   ##
========================================
  Coverage    96.46%   96.46%           
========================================
  Files          506      506           
  Lines        18263    18263           
========================================
  Hits         17617    17617           
  Misses         646      646           
Impacted Files Coverage Δ
src/open_inwoner/openzaak/documents.py 94.59% <ø> (ø)
src/open_inwoner/accounts/forms.py 97.78% <0.00%> (ø)
src/open_inwoner/openzaak/models.py 97.82% <0.00%> (ø)
src/open_inwoner/accounts/views/cases.py 97.52% <0.00%> (ø)
...rc/open_inwoner/openzaak/tests/test_case_detail.py 100.00% <0.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@alextreme alextreme merged commit 406a155 into develop Feb 20, 2023
@alextreme alextreme deleted the fix/1131-Dropdown-on-mobile-rendered-offscreen branch February 20, 2023 14:16
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.

4 participants