diff options
author | Joram Wilander <jwawilander@gmail.com> | 2016-04-04 08:13:27 -0400 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2016-04-04 08:13:27 -0400 |
commit | 94ab36500fff90b87f086e040c556a89176479b1 (patch) | |
tree | 8a01cd2b98aa1a20c0e2fed99d68b2f5c63cf15a /webapp/sass/routes/_about-modal.scss | |
parent | caa642ab7843e10b87d61158700bb32c200e356f (diff) | |
parent | 371dbfff22c523c046df537dc63764cfd2c70bd6 (diff) | |
download | chat-94ab36500fff90b87f086e040c556a89176479b1.tar.gz chat-94ab36500fff90b87f086e040c556a89176479b1.tar.bz2 chat-94ab36500fff90b87f086e040c556a89176479b1.zip |
Merge pull request #2621 from asaadmahmoodspin/ui-improvements
PLT-2027- Improvements to about dialog
Diffstat (limited to 'webapp/sass/routes/_about-modal.scss')
-rw-r--r-- | webapp/sass/routes/_about-modal.scss | 78 |
1 files changed, 78 insertions, 0 deletions
diff --git a/webapp/sass/routes/_about-modal.scss b/webapp/sass/routes/_about-modal.scss new file mode 100644 index 000000000..98119c8aa --- /dev/null +++ b/webapp/sass/routes/_about-modal.scss @@ -0,0 +1,78 @@ +@charset 'UTF-8'; + +.modal { + .about-modal { + .modal-header { + background: transparent; + border: none; + color: inherit; + padding: 20px 25px 0; + + .close { + color: inherit; + font-weight: normal; + right: 15px; + } + + .modal-title { + color: inherit; + font-size: 16px; + } + } + + .modal-body { + padding: 20px 25px 5px; + } + + .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__footer { + font-size: 13.5px; + } + + .about-modal__title { + line-height: 1.5; + margin: 0 0 10px; + } + + .about-modal__subtitle { + @include opacity(.6); + } + + .about-modal__hash { + @include opacity(.4); + font-size: .75em; + text-align: right; + + p { + &:first-child { + float: left; + } + } + } + + .about-modal__logo { + @include opacity(.9); + padding: 0 40px 0 20px; + + svg { + height: 125px; + width: 125px; + } + + path { + fill: inherit; + } + } + } +} |