diff options
author | JoramWilander <jwawilander@gmail.com> | 2015-09-08 15:47:15 -0400 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-09-08 15:47:15 -0400 |
commit | c6b1368cc7b011ac522ada7e3c927fa1ec57c9e0 (patch) | |
tree | e0d7ead0d527232798204e3eb444882ac74bfa34 /web/sass-files/sass | |
parent | 5b3ee66dc3baff35104bc6e6c8f25c4474005974 (diff) | |
download | chat-c6b1368cc7b011ac522ada7e3c927fa1ec57c9e0.tar.gz chat-c6b1368cc7b011ac522ada7e3c927fa1ec57c9e0.tar.bz2 chat-c6b1368cc7b011ac522ada7e3c927fa1ec57c9e0.zip |
Added send icon button to create post control for mobile view.
Diffstat (limited to 'web/sass-files/sass')
-rw-r--r-- | web/sass-files/sass/partials/_post.scss | 19 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_responsive.scss | 15 |
2 files changed, 33 insertions, 1 deletions
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss index 231e6fe3f..5b209f41b 100644 --- a/web/sass-files/sass/partials/_post.scss +++ b/web/sass-files/sass/partials/_post.scss @@ -182,6 +182,25 @@ body.ios { max-width: 850px; padding: 0 0 2px; position: relative; + .post-body__cell { + vertical-align: top; + position: relative; + } + .send-button { + display: none; + cursor: pointer; + padding-right: 4px; + width: 45px; + height: 37px; + font-size: 18px; + line-height: 37px; + vertical-align: top; + text-align: center; + @include single-transition(all, 0.15s); + &:active { + @include opacity(0.75); + } + } .custom-textarea { padding-top: 8px; padding-right: 28px; diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss index c56625b88..71e9d0f96 100644 --- a/web/sass-files/sass/partials/_responsive.scss +++ b/web/sass-files/sass/partials/_responsive.scss @@ -409,9 +409,22 @@ } } } - #post-create { + .post-create__container { + form { + padding: 0; + } .post-create-body { padding-bottom: 10px; + display: table; + width: 100%; + table-layout: fixed; + .post-body__cell { + display: table-cell; + padding-left: 1em; + } + .send-button { + display: table-cell; + } } .post-create-footer .msg-typing { display: none; |