vuetifyjs/vuetify

[Feature Request] v-dialog fullscreen mode print

Open

#11 249 ouverte le 28 avr. 2020

Voir sur GitHub
 (3 commentaires) (4 réactions) (0 assignés)TypeScript (40 995 stars) (7 139 forks)batch import
C: VDialogT: featurehelp wanted

Description

Problem to solve

Please make it possible to print the v-dialog in fullscreen mode normally if it contains a lot of content

Proposed solution

.v-dialog__content.v-dialog__content--active { position: inherit; } .v-dialog--fullscreen { position: absolute; overflow: visible; }

But if you print from a page where there is a lot of content under the dialogue, then it prints all the content from the bottom

Guide contributeur

Stack technique
vuetypescript
Domaine
frontendaccessibility
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
VuetifyCSS
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65
Direction de recherche
Examine the v dialog component source in Vuetify, particularly the CSS for fullscreen mode and the .v dialog fullscreen class. Test the proposed CSS workaround in a print media query and verify if it breaks non print layouts. Check the issue comments for any maintainer guidance or alternative approaches.