mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-07-27 08:29:53 +03:00
Inserting code to be reviewed:
Where allows the customization of the scroll in modal that exceed the size of 100% of the screen. Limiting the modal height at most 100%. However I believe that the ideal is to work together with 'medias' -- Inserindo codigo para ser revisto: Onde permite a customização do scroll em modais que ultrapassarem o tamanho de 100% da tela. Limitando a altura da modal no maximo 100%. Porém acredito que o ideal será trabalhar em conjunto com '@medias'
This commit is contained in:
parent
d6e5fd461e
commit
4fef2c7c96
|
@ -2,10 +2,48 @@
|
||||||
// Modals
|
// Modals
|
||||||
// Material Design element Dialogs
|
// Material Design element Dialogs
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
/*
|
||||||
|
.modal-dialog {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
margin: 2%;
|
||||||
|
max-height: 94%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
*
|
||||||
|
*Scroll
|
||||||
|
|
||||||
|
&::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
}
|
||||||
|
Fundo da barra de rolagem
|
||||||
|
&::-webkit-scrollbar-track-piece {
|
||||||
|
background-color: #EEE;
|
||||||
|
border-radius: 0px 5px 5px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
Cor do indicador de rolagem
|
||||||
|
&::-webkit-scrollbar-thumb:vertical,
|
||||||
|
&::-webkit-scrollbar-thumb:horizontal {
|
||||||
|
background-color: #CCC;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
Cor do indicador de rolagem - ao passar o mouse
|
||||||
|
&::-webkit-scrollbar-thumb:vertical:hover,
|
||||||
|
&::-webkit-scrollbar-thumb:horizontal:hover {
|
||||||
|
background-color: #ccc
|
||||||
|
}
|
||||||
|
}*/
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
.shadow-z-5();
|
.shadow-z-5();
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
border: none;
|
border: none;
|
||||||
|
box-sizing: border-box;
|
||||||
// Modal header
|
// Modal header
|
||||||
// Top section of the modal w/ title and dismiss
|
// Top section of the modal w/ title and dismiss
|
||||||
.modal-header {
|
.modal-header {
|
||||||
|
@ -18,10 +56,11 @@
|
||||||
// Modal body
|
// Modal body
|
||||||
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
// Where all modal content resides (sibling of .modal-header and .modal-footer)
|
||||||
.modal-body {
|
.modal-body {
|
||||||
padding-top: 0px;
|
padding-top: 24px;
|
||||||
padding-right: 24px;
|
padding-right: 24px;
|
||||||
padding-bottom: 16px;
|
padding-bottom: 16px;
|
||||||
padding-left: 24px;
|
padding-left: 24px;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
// Footer (for actions)
|
// Footer (for actions)
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user