diff options
| author | Tayane Fernandes <tayane.rmf@gmail.com> | 2016-11-23 14:56:41 -0200 |
|---|---|---|
| committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2016-11-23 14:57:24 -0200 |
| commit | 3ad8fbb163610e8890515e91ec3afd220e80af1b (patch) | |
| tree | 2689aa47a63b4eb49912c76091486d3e0079a88c /web-ui | |
| parent | 240d53b512caa676f3ff6fa02c042f8f7a3aefbe (diff) | |
[#824] Add a border to the attachment button to make easy for mobile users that it is a button
Diffstat (limited to 'web-ui')
| -rw-r--r-- | web-ui/app/scss/views/_compose-view.scss | 16 | ||||
| -rw-r--r-- | web-ui/app/templates/compose/compose_box.hbs | 2 | ||||
| -rw-r--r-- | web-ui/app/templates/compose/inline_box.hbs | 2 |
3 files changed, 14 insertions, 6 deletions
diff --git a/web-ui/app/scss/views/_compose-view.scss b/web-ui/app/scss/views/_compose-view.scss index 0b98f004..d4de5fa4 100644 --- a/web-ui/app/scss/views/_compose-view.scss +++ b/web-ui/app/scss/views/_compose-view.scss @@ -4,12 +4,20 @@ &__buttons { &-attachment { cursor: pointer; - outline: 0; margin-left: 18px; padding-top: 0px; - -ms-transform: rotate(224deg); - -webkit-transform: rotate(224deg); - transform: rotate(224deg); + display: inline; + border: 1px $contrast solid; + background: $background_light_grey; + padding: 7px 4px; + font-size: 0.8em; + + span { + -ms-transform: rotate(224deg); + -webkit-transform: rotate(224deg); + transform: rotate(224deg); + outline: 0; + } i.fa-paperclip { font-size: 1.7em; diff --git a/web-ui/app/templates/compose/compose_box.hbs b/web-ui/app/templates/compose/compose_box.hbs index 83d5ca27..fcfbeaaf 100644 --- a/web-ui/app/templates/compose/compose_box.hbs +++ b/web-ui/app/templates/compose/compose_box.hbs @@ -24,7 +24,7 @@ <div class="buttons-group columns compose-view__buttons"> <button id="send-button" tabindex="6"><i class="fa fa-send"></i></button> - <span id="attachment-button" class="compose-view__buttons-attachment" tabindex="6"></span> + <div class="compose-view__buttons-attachment"><span id="attachment-button" tabindex="6"></span></div> <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button> <div id="draft-save-status"></div> </div> diff --git a/web-ui/app/templates/compose/inline_box.hbs b/web-ui/app/templates/compose/inline_box.hbs index fbb62b0f..c9c114ec 100644 --- a/web-ui/app/templates/compose/inline_box.hbs +++ b/web-ui/app/templates/compose/inline_box.hbs @@ -14,7 +14,7 @@ <div class="buttons-group columns compose-view__buttons"> <button id="send-button" tabindex=6><i class="fa fa-send"></i></button> - <span id="attachment-button" class="compose-view__buttons-attachment" tabindex="6"></span> + <div class="compose-view__buttons-attachment"><span id="attachment-button" tabindex="6"></span></div> <button id="trash-button" tabindex=7>{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button> <div id="draft-save-status"></div> </div> |