MudBlazor/MudBlazor

Support safe area insets (env variables) in layout components

Aperta

#10.030 aperta il 15 ott 2024

Vedi su GitHubGuida contributor
 (8 commenti) (1 reazione) (0 assegnatari)C# (1631 fork)batch import
device: mobileenhancementhelp wanted

Metriche repository

Star
 (10.394 stelle)
Metriche merge PR
 (Merge medio 6g 6h) (108 PR mergiate in 30 g)

Descrizione

Feature request type

Enhance component

Component name

No response

Is your feature request related to a problem?

When I am working with MudBlazor on mobile platforms...

  • I need to manually add padding-*: calc(X + env(safe-area-inset-*))everytime when I use MudDrawer.
  • Add padding-top: env(safe-area-inset-top); to AppBar to support safe area, but MudNavMenu layout is still broken.

Describe the solution you'd like

MudBlazor Component's built-in support for safe area.

Have you seen this feature anywhere else?

React Native SafeAreaView: https://reactnative.dev/docs/safeareaview

Describe alternatives you've considered

No response

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

Guida contributor

Direzione di ricerca
Indaga come applicare le variabili CSS env(safe area inset *) ai componenti layout di MudBlazor come MudDrawer, MudAppBar e MudNavMenu. Guarda come altre librerie di componenti Blazor gestiscono le aree sicure e proponi una soluzione che si integri con le classi CSS o i parametri dei componenti di MudBlazor.
Tech stack
csharp
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSBlazor
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65