summaryrefslogtreecommitdiffstats
path: root/web/sass-files/sass/partials/_post.scss
diff options
context:
space:
mode:
authorCorey Hulen <corey@hulen.com>2016-02-09 08:20:02 -0800
committerCorey Hulen <corey@hulen.com>2016-02-09 08:20:02 -0800
commit63f830938b732258ea481f46076a88bfa8ebcd8c (patch)
tree5dad15ef1b1ed9fd72b676b0e62adb79ce1d61a2 /web/sass-files/sass/partials/_post.scss
parentffcca796c3b7f14eac52d4d1542105ef03b047a5 (diff)
parent65a00cbcf52dfc9bcd43112f2e420fad4798f2e1 (diff)
downloadchat-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.scss19
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);
}