CSS fix for popover on small screen (pull-request #473)

This commit is contained in:
Frédéric Guillot
2014-12-14 17:47:52 -05:00
parent 6946ef4b3c
commit 7270214374
2 changed files with 7 additions and 4 deletions

View File

@@ -1261,17 +1261,19 @@ tr td.task-orange,
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
overflow: auto;
} }
#popover-content { #popover-content {
position: fixed; position: absolute;
width: 70%; width: 70%;
margin: 0 0 0 -35%; margin: 0 0 0 -35%;
left: 50%; left: 50%;
top: 5%; top: 5%;
padding: 15px; padding: 15px;
background: #fff; background: #fff;
}/* confirmation box */ }
/* confirmation box */
.confirm { .confirm {
max-width: 700px; max-width: 700px;
font-size: 1.1em; font-size: 1.1em;

View File

@@ -6,14 +6,15 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8);
overflow: auto;
} }
#popover-content { #popover-content {
position: fixed; position: absolute;
width: 70%; width: 70%;
margin: 0 0 0 -35%; margin: 0 0 0 -35%;
left: 50%; left: 50%;
top: 5%; top: 5%;
padding: 15px; padding: 15px;
background: #fff; background: #fff;
} }