jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-04-24 23:37:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix window contents pushed below when a modal is open (#263)

Browse Source 
UI Bootstrap adds the `.modal-open` class to the `<body>`
element and sets its right padding to the width of the
window, causing the window content to overflow and get
pushed to the bottom.
The `!important` flag is needed since UI Bootstrap inlines
the styles programatically to the element.

Fixes: https://github.com/resin-io/etcher/issues/257
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-04-08 10:37:10 -04:00
parent a23fa60b5c
commit 3a04b5ccaa
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
build/css/main.css
View File

@ -6262,6 +6262,9 @@ button.btn:focus, button.progress-button:focus {
.modal-body .list-group-item:first-child {
border-top: none; }
.modal-open {
padding-right: 0 !important; }
/*
* Copyright 2016 Resin.io
*

10
lib/scss/components/_modal.scss
View File

@ -75,3 +75,13 @@
.modal-body .list-group-item:first-child {
border-top: none;
}
// UI Bootstrap adds the `.modal-open` class to the <body>
// element and sets its right padding to the width of the
// window, causing the window content to overflow and get
// pushed to the bottom.
// The `!important` flag is needed since UI Bootstrap inlines
// the styles programatically to the element.
.modal-open {
padding-right: 0 !important;
}