Ist es möglich, das Materialize.css Modal größer zu machen und die vertikale Bildlaufleiste zu entfernen?

7

Ich habe gerade Schaltflächen erstellt, die nach dem Klicken auf ein Modal erscheinen, und jede Schaltfläche hat ein Modal, das ein anderes Übungs-GIF anzeigt. Die Modale sind jedoch zu klein und es verhindert, dass der Benutzer das gesamte gif sieht und sie dazu zwingt, nach unten zu scrollen. Ich möchte die Bildlaufleiste entfernen und das Modal so vergrößern, dass der Benutzer das ganze gif sehen kann. Jede Hilfe wäre großartig, hier ist mein Codepen Ссылка

HTML

%Vor%

jQuery- Ich habe 6 auf Klick-Funktionen mit verschiedenen IDs erstellt, dies ist ein Beispiel für eine davon, siehe meinen Code-Code, wenn Sie den ganzen Code benötigen

%Vor%     
morizvi23 26.12.2015, 02:48
quelle

1 Antwort

19

Ja, was Sie verlangen, kann leicht eingestellt werden.

Um die Breite des Modals zu erhöhen, passen Sie einfach die Breite der .modal Klasse an

%Vor%

Um die Höhe des Modals zu erhöhen, erhöhen Sie die maximale Höhe der .modal-Klasse, wie zB

%Vor%

Um das Scrolling des Modals zu verhindern, fügen Sie einfach die Eigenschaft overflow-y: hidden zur modalen Klasse hinzu, wie zB

%Vor%

Für mehr Anpassbarkeit sollten Sie dies als eine benutzerdefinierte css in einem separaten CSS-Blatt wie mycustypesyles.css einfügen und dieses als das letzte Stylesheet in Ihrer Kopfzeile laden.

Hier ist der Codepen - Ссылка

    
pihyper 03.01.2016 18:33
quelle