diff options
| author | Gislene Pereira <gislene01@gmail.com> | 2016-01-19 11:10:47 -0300 |
|---|---|---|
| committer | Gislene Pereira <gislene01@gmail.com> | 2016-01-19 11:14:19 -0300 |
| commit | 6c239f13207e53281ad9d930dd1614844d3acdec (patch) | |
| tree | d074f4eb6d39396e613e67db8509c1b7e76b8947 /web-ui | |
| parent | 88b94a888adf45f537a759dca4401d90f7923ae1 (diff) | |
Issue #572 - Rotate and resize paperclip icon.
Removed blue border around paperclip icon when clicking it.
Diffstat (limited to 'web-ui')
| -rw-r--r-- | web-ui/app/js/mail_view/ui/attachment_icon.js | 2 | ||||
| -rw-r--r-- | web-ui/app/scss/styles.scss | 10 | ||||
| -rw-r--r-- | web-ui/test/spec/mail_view/ui/attachment_icon.spec.js | 2 |
3 files changed, 12 insertions, 2 deletions
diff --git a/web-ui/app/js/mail_view/ui/attachment_icon.js b/web-ui/app/js/mail_view/ui/attachment_icon.js index b9028f2c..478853b0 100644 --- a/web-ui/app/js/mail_view/ui/attachment_icon.js +++ b/web-ui/app/js/mail_view/ui/attachment_icon.js @@ -27,7 +27,7 @@ define( return defineComponent(function () { this.render = function () { - this.$node.html('<i class="fa fa-paperclip fa-2x"></i>'); + this.$node.html('<i class="fa fa-paperclip"></i>'); }; this.triggerUploadAttachment = function () { diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss index 30f0fb9f..92cc32f2 100644 --- a/web-ui/app/scss/styles.scss +++ b/web-ui/app/scss/styles.scss @@ -885,6 +885,16 @@ div.side-nav-bottom { .buttons-group span#attachment-button{ cursor: pointer; + outline: 0; + margin-left: 18px; + padding-top: 0px; + -ms-transform: rotate(224deg); /* IE 9 */ + -webkit-transform: rotate(224deg); /* Chrome, Safari, Opera */ + transform: rotate(224deg); + + i.fa-paperclip { + font-size: 1.7em; + } } @import "mascot.scss"; diff --git a/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js b/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js index d29660b9..c60d6f7e 100644 --- a/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js +++ b/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js @@ -8,7 +8,7 @@ describeComponent('mail_view/ui/attachment_icon', function () { }); it('should render attachment button if feature enabled', function () { - expect(this.$node.html()).toMatch('<i class="fa fa-paperclip fa-2x"></i>'); + expect(this.$node.html()).toMatch('<i class="fa fa-paperclip"></i>'); }); it('should trigger starts of attachment upload process', function () { |