From 37586d26bc7460f5bc77e2094a83c65a08bd4583 Mon Sep 17 00:00:00 2001 From: Ryan Wang Date: Tue, 9 May 2017 08:53:13 -0400 Subject: [PLT-5440] Add Options to System Console Dropdown Menu (#5939) * Add options to system console dropdown menu * Updating modal css --- webapp/sass/routes/_about-modal.scss | 105 ++++++++++++++++++----------------- 1 file changed, 54 insertions(+), 51 deletions(-) (limited to 'webapp/sass') diff --git a/webapp/sass/routes/_about-modal.scss b/webapp/sass/routes/_about-modal.scss index 4506eac4e..46c1676ea 100644 --- a/webapp/sass/routes/_about-modal.scss +++ b/webapp/sass/routes/_about-modal.scss @@ -1,9 +1,13 @@ @charset 'UTF-8'; -.app__body { +.modal { + .modal-content { + @include box-shadow(0 0 10px rgba($black, .5)); + border-radius: $border-rad; + } - .modal { - .about-modal { + .about-modal { + .modal-content { .modal-header { background: transparent; border: none; @@ -25,69 +29,68 @@ margin: 0 4px 0 8px; } } + } - .modal-body { - padding: 20px 25px 5px; - } + .modal-body { + padding: 20px 25px 10px; + } - &.large { - .modal-body { - padding-bottom: 20px; - } + &.large { + .modal-body { + padding-bottom: 20px; } + } - .about-modal__content { - @include clearfix; - @include display-flex; - @include flex-direction(row); - padding: 1em 0 3em; - } + .about-modal__content { + @include clearfix; + @include display-flex; + @include flex-direction(row); + padding: 1em 0 3em; + } - .about-modal__copyright { - @include opacity(.6); - margin-top: .5em; - } + .about-modal__copyright { + @include opacity(.6); + margin-top: .5em; + } - .about-modal__footer { - font-size: 13.5px; - } + .about-modal__footer { + font-size: 13.5px; + } - .about-modal__title { - line-height: 1.5; - margin: 0 0 10px; - } + .about-modal__title { + line-height: 1.5; + margin: 0 0 10px; + } - .about-modal__subtitle { - @include opacity(.6); - } + .about-modal__subtitle { + @include opacity(.6); + } - .about-modal__hash { - @include opacity(.4); - font-size: .75em; - text-align: right; + .about-modal__hash { + @include opacity(.4); + font-size: .75em; + text-align: right; - p { - &:first-child { - float: left; - text-align: left; - } + p { + &:first-child { + float: left; + text-align: left; } } + } - .about-modal__logo { - @include opacity(.9); - padding: 0 40px 0 20px; + .about-modal__logo { + @include opacity(.9); + padding: 0 40px 0 20px; - svg { - height: 125px; - width: 125px; - } + svg { + height: 125px; + width: 125px; + } - path { - fill: inherit; - } + path { + fill: inherit; } } } - -} +} \ No newline at end of file -- cgit v1.2.3-1-g7c22