Improve modal css

This commit is contained in:
Frederic Guillot
2016-09-03 20:04:31 -04:00
parent ffd58d06fa
commit afe5c52ffe
3 changed files with 10 additions and 15 deletions

File diff suppressed because one or more lines are too long

View File

@@ -119,6 +119,7 @@ ul.form-errors li
.form-column .form-column
margin-right: 25px margin-right: 25px
flex-grow: 1
.form-login .form-login
max-width: 350px max-width: 350px

View File

@@ -7,27 +7,21 @@
left: 0 left: 0
width: 100% width: 100%
height: 100% height: 100%
background: rgba(0, 0, 0, 0.8) background: rgba(0, 0, 0, 0.9)
overflow: auto overflow: auto
z-index: 100 z-index: 100
#popover-content #popover-content
position: absolute position: fixed
width: 75% width: 950px
left: 12% max-width: 95%
top: 1% max-height: calc(100% - 100px)
top: 5%
left: 50%
transform: translate(-50%, -5%)
padding: 15px padding: 15px
background: #fff background: #fff
overflow: auto overflow: auto
max-height: 95%
@include xs-device
left: 0
width: 100%
@include sm-device
left: 2.5%
width: 85%
.popover-form .popover-form
margin-bottom: 0 margin-bottom: 0