Materialize: Full screen modal

[wupadach]

Please add Full screen modal :blush:

[acburst]

can you add some more details. Maybe some references to material design examples. If you want to request a feature giving as much detail as possible helps the process.

[wupadach]

appending effect more like this
full screen modal example
more specific example (Last one)

[chi-bd]

Like this?

<style>
.modal.open{
    width: 100%;
    max-height: 100%;
    height: 100%;
    top: 0 !important;
}
</style>

[kmmbvnr]

@chi-bd .model-content also need to be tweaked, to move modal-action on bottom

.modal-content {
  height: calc(100% - 56px);
}

And still, the close animation works bad. See http://codepen.io/kmmbvnr/pen/pbVZdJ

[ghost]

@wupadach 's second example is epic.

[wouerner]

Hi boys, my implementation, i and the my team uses this solution:

 .modal.full {                                                                                                      
      width: 100vw; 
      max-height: 100vh; 
      height: 100vh
  }  

the .full class is add in all project.

[ray007]

Isn't 100vh a bit too high?

[lou-bi]

@wouerner answer is perfect, but I had to add a top: 0 !important; to make it work properly.

Dont you ?