diff options
author | Winnie Hellmann <winnie@gitlab.com> | 2018-01-09 10:08:28 +0100 |
---|---|---|
committer | Winnie Hellmann <winnie@gitlab.com> | 2018-01-11 10:06:44 +0100 |
commit | 070de825987ce103ac89059e8c743daaf857dc58 (patch) | |
tree | 1098b721c8ba6caafe70f144825362a68e5496b0 /app/assets/stylesheets/framework/modal.scss | |
parent | 21bb393378c864d1715c252e7523e7ca3f70472b (diff) | |
download | gitlab-ce-070de825987ce103ac89059e8c743daaf857dc58.tar.gz |
Adjust modal style to new designwinh-style-modals
Diffstat (limited to 'app/assets/stylesheets/framework/modal.scss')
-rw-r--r-- | app/assets/stylesheets/framework/modal.scss | 32 |
1 files changed, 26 insertions, 6 deletions
diff --git a/app/assets/stylesheets/framework/modal.scss b/app/assets/stylesheets/framework/modal.scss index 1be66d0ab21..924472f2d7e 100644 --- a/app/assets/stylesheets/framework/modal.scss +++ b/app/assets/stylesheets/framework/modal.scss @@ -1,4 +1,5 @@ .modal-header { + background-color: $modal-body-bg; padding: #{3 * $grid-size} #{2 * $grid-size}; .page-title { @@ -8,6 +9,7 @@ .modal-body { background-color: $modal-body-bg; + min-height: $modal-body-height; position: relative; padding: #{3 * $grid-size} #{2 * $grid-size}; @@ -20,6 +22,30 @@ } } +.modal-footer { + display: flex; + flex-direction: row; + + .btn + .btn { + margin-left: $grid-size; + } + + @media (max-width: $screen-xs-max) { + flex-direction: column; + + .btn + .btn { + margin-left: 0; + margin-top: $grid-size; + } + } + + @media (min-width: $screen-sm-min) { + .btn:first-of-type { + margin-left: auto; + } + } +} + body.modal-open { overflow: hidden; } @@ -32,12 +58,6 @@ body.modal-open { } } -@media (min-width: $screen-md-min) { - .modal-dialog { - width: 860px; - } -} - @media (min-width: $screen-lg-min) { .modal-full { width: 98%; |