diff options
author | Joram Wilander <jwawilander@gmail.com> | 2015-12-28 09:02:20 -0500 |
---|---|---|
committer | Joram Wilander <jwawilander@gmail.com> | 2015-12-28 09:02:20 -0500 |
commit | 2f04ea6dd292e2b11e1fc4149ae1ea759d31bea5 (patch) | |
tree | 37dbea76dbe274d417b14226e7527a1c610d20d6 /web/sass-files | |
parent | 0b55c5f86186ee5cce9cf29f3f560b2dd5b15277 (diff) | |
parent | cf0052556500dcb76b32e570a7806634cfe955da (diff) | |
download | chat-2f04ea6dd292e2b11e1fc4149ae1ea759d31bea5.tar.gz chat-2f04ea6dd292e2b11e1fc4149ae1ea759d31bea5.tar.bz2 chat-2f04ea6dd292e2b11e1fc4149ae1ea759d31bea5.zip |
Merge pull request #1740 from hmhealey/plt730
PLT-730/PLT-731 Added remaining mobile UI V2 components
Diffstat (limited to 'web/sass-files')
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 51 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 5 |
2 files changed, 52 insertions, 4 deletions
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 67b28381f..c2df7b769 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -211,6 +211,10 @@ body.ios { overflow-y: hidden; height: 100%; + .inactive { + display: none; + } + .post-list-holder-by-time { background: #fff; overflow-y: scroll; @@ -222,9 +226,6 @@ body.ios { &::-webkit-scrollbar { width: 0px !important; } - &.inactive { - display: none; - } &.active { display: inline; } @@ -247,6 +248,50 @@ body.ios { } } +.post-list__timestamp { + position: absolute; + top: 8px; + left: 50%; + z-index: 50; + width: 120px; + text-align: center; + background: $primary-color; + color: #fff; + @include border-radius(3px); + font-size: 12px; + line-height: 25px; + margin-left: -60px; + -webkit-font-smoothing: initial; + @include single-transition(all, 0.3s, 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; + position: absolute; + bottom: 50px; + right: 5px; + z-index: 50; + @include opacity(0); + @include single-transition(all, 0.3s); + + &.scrolling { + @include opacity(1); + } +} + .post-create__container { form { width: 100%; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index e1ceea3ad..635b46077 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -242,6 +242,9 @@ } } } + .post-list__timestamp { + display: block; + } .signup-team__container { padding: 30px 0; margin-bottom: 30px; @@ -800,4 +803,4 @@ font-size: 2em; } } -}
\ No newline at end of file +} |