diff options
author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-04-06 23:19:55 +0500 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2016-04-06 11:19:55 -0700 |
commit | 32bc97f8559a3a1b9c9237dbb3640f9eac6daf98 (patch) | |
tree | adf733dc5c6587bdab799de0d0eb125f55885036 /webapp/sass/layout | |
parent | 20274fe476b2bd547031c6fe86819c38dfee9050 (diff) | |
download | chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.tar.gz chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.tar.bz2 chat-32bc97f8559a3a1b9c9237dbb3640f9eac6daf98.zip |
Multiple UI Improvements
* Multiple UI Improvements
* Adding app_body behind missing classes
Diffstat (limited to 'webapp/sass/layout')
-rw-r--r-- | webapp/sass/layout/_forms.scss | 31 | ||||
-rw-r--r-- | webapp/sass/layout/_headers.scss | 46 |
2 files changed, 56 insertions, 21 deletions
diff --git a/webapp/sass/layout/_forms.scss b/webapp/sass/layout/_forms.scss index 1dd2bb827..7b4e03ad9 100644 --- a/webapp/sass/layout/_forms.scss +++ b/webapp/sass/layout/_forms.scss @@ -60,3 +60,34 @@ } } +.padding-top { + padding-top: 7px; + + &.x2 { + padding-top: 14px; + } + + &.x3 { + padding-top: 21px; + } +} + +.padding-bottom { + padding-bottom: 7px; + + &.x2 { + padding-bottom: 14px; + } + + &.x3 { + padding-bottom: 21px; + } + + .control-label { + font-weight: 600; + + &.text-left { + text-align: left; + } + } +} diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index e75d2556b..ae114a805 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -344,32 +344,36 @@ } } -.channel-header__links { - font-family: 'Open Sans', sans-serif; - font-size: 22px; - height: 30px; - line-height: 26px; - margin-right: 9px; - width: 24px; - - .channel__wrap.move--left & { - position: absolute; - right: -400px; - top: 14px; - } +.app__body { - > a { - @include opacity(.6); - @include single-transition(all, .1s, ease-in); - color: inherit; - text-decoration: none; + .channel-header__links { + font-family: 'Open Sans', sans-serif; + font-size: 22px; + height: 30px; + line-height: 26px; + margin-right: 9px; + width: 24px; - &:hover { - @include opacity(1); + .channel__wrap.move--left & { + position: absolute; + right: -400px; + top: 14px; } - &:focus { + > a { + @include opacity(.6); + @include single-transition(all, .1s, ease-in); color: inherit; + text-decoration: none; + + &:hover { + @include opacity(1); + } + + &:focus { + color: inherit; + } } } + } |