From 3a04b5ccaa4b0f8f993f1d745deccf5d2db2a704 Mon Sep 17 00:00:00 2001 From: Juan Cruz Viotti Date: Fri, 8 Apr 2016 10:37:10 -0400 Subject: [PATCH] Fix window contents pushed below when a modal is open (#263) UI Bootstrap adds the `.modal-open` class to the `` 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 --- build/css/main.css | 3 +++ lib/scss/components/_modal.scss | 10 ++++++++++ 2 files changed, 13 insertions(+) diff --git a/build/css/main.css b/build/css/main.css index 9093ee3a..4432502d 100644 --- a/build/css/main.css +++ b/build/css/main.css @@ -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 * diff --git a/lib/scss/components/_modal.scss b/lib/scss/components/_modal.scss index 7ffcc133..63928da4 100644 --- a/lib/scss/components/_modal.scss +++ b/lib/scss/components/_modal.scss @@ -75,3 +75,13 @@ .modal-body .list-group-item:first-child { border-top: none; } + +// UI Bootstrap adds the `.modal-open` class to the +// 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; +}