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

Chore: Fix paddings #272

Merged
merged 15 commits into from
Jan 10, 2025
Merged

Chore: Fix paddings #272

merged 15 commits into from
Jan 10, 2025

Conversation

FelberMartin
Copy link
Collaborator

Problem Description

The usage of padding has not been consistent over the app and in some places used wrongly. This resulted in some UI element not being visible, especially on the tablet layout with a larger NavigationBar (eg selecting a different server instance, or the button for accepting the code of conduct)

Changes

  • Correctly consume window insets with consumeWindowInsets() (often only top padding was applied but the hole WindowInsets.systemBars was consumed, which also implies the WindowInset.navigationBars insets at the bottom)
  • Usage of common spacing values from Spacings where applicable
  • Minor refactorings along the way

Steps for testing

Look through the screens of the app. Nothing should have changed visually (apart from InstanceSelection etc being visible now on the tablet)

@FelberMartin FelberMartin added the ready for review This PR can be reviewed label Jan 6, 2025
@FelberMartin FelberMartin self-assigned this Jan 6, 2025
@FelberMartin FelberMartin requested review from eylulnc and julian-wls and removed request for eylulnc January 6, 2025 19:33
Copy link
Contributor

@julian-wls julian-wls left a comment

Choose a reason for hiding this comment

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

Code lgtm, just one question:

When going through the app I noticed that now there is no visual separation between the bottom sheets and the status bar (See screenshot). Is this intended? I don't think it's bad, I just think it would be nice to have a little bit of background behind the bottom sheets and not open them full-screen.

Screenshot:
ScreenShot2

@FelberMartin
Copy link
Collaborator Author

Yep, previously this behaviour was inconsistent between the different BottomSheets, so I aligned all of them to show behind the status bar. However I don't have a strong opinion about which option is better. @eylulnc do you have a preference?

@eylulnc
Copy link
Contributor

eylulnc commented Jan 10, 2025

Yep, previously this behaviour was inconsistent between the different BottomSheets, so I aligned all of them to show behind the status bar. However I don't have a strong opinion about which option is better. @eylulnc do you have a preference?

I would agree with Julian, if we can give a little padding between the bar and bottom sheet it would be nice. It might sometimes cause little inconsistency like you were trying to close sheet but opening the top bar menu from phone and visa versa.

# Conflicts:
#	feature/lecture-view/src/main/kotlin/de/tum/informatics/www1/artemis/native_app/feature/lectureview/LectureOverviewTab.kt
Copy link
Contributor

@julian-wls julian-wls left a comment

Choose a reason for hiding this comment

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

Looks better now!

@FelberMartin FelberMartin added ready to merge This PR can be merged and removed ready for review This PR can be reviewed labels Jan 10, 2025
@FelberMartin FelberMartin merged commit 8bd132b into develop Jan 10, 2025
5 checks passed
@FelberMartin FelberMartin deleted the chore/fix-paddings branch January 10, 2025 15:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ready to merge This PR can be merged
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants