diff options
author | Corey Hulen <corey@hulen.com> | 2016-02-09 08:20:02 -0800 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2016-02-09 08:20:02 -0800 |
commit | 63f830938b732258ea481f46076a88bfa8ebcd8c (patch) | |
tree | 5dad15ef1b1ed9fd72b676b0e62adb79ce1d61a2 /web/sass-files/sass/partials/_post.scss | |
parent | ffcca796c3b7f14eac52d4d1542105ef03b047a5 (diff) | |
parent | 65a00cbcf52dfc9bcd43112f2e420fad4798f2e1 (diff) | |
download | chat-63f830938b732258ea481f46076a88bfa8ebcd8c.tar.gz chat-63f830938b732258ea481f46076a88bfa8ebcd8c.tar.bz2 chat-63f830938b732258ea481f46076a88bfa8ebcd8c.zip |
Merge pull request #2114 from asaadmahmoodspin/ui-improvements
Multiple UI Improvements
Diffstat (limited to 'web/sass-files/sass/partials/_post.scss')
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index cc22cc913..323691d89 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -264,32 +264,37 @@ body.ios { line-height: 25px; margin-left: -60px; -webkit-font-smoothing: initial; - @include single-transition(all, 0.3s, ease); + @include single-transition(all, 0.6s, ease); @include translateY(-45px); @include opacity(0); display: none; &.scrolling { - @include single-transition(all, 0.3s, ease); @include translateY(0); @include opacity(0.8); } } .post-list__arrows { - background: url('../images/postArrows.png') center; - @include background-size(28px 28px); background-repeat: no-repeat; width: 40px; height: 40px; + text-align: center; + fill: #444; position: absolute; bottom: 0; - left: 10px; + left: 9px; z-index: 50; @include opacity(0); - @include single-transition(all, 0.3s); + @include single-transition(all, 0.6s); display: none; + svg { + color: inherit; + width: 28px; + height: 28px; + } + &.scrolling { display: block; @include opacity(1); @@ -487,7 +492,7 @@ body.ios { position: absolute; top: -2px; left: -7px; - font-size: 11px; + font-size: 11px; line-height: 37px; @include opacity(0); } |