diff --git a/src/platform/web/ui/css/themes/element/icons/paperclip.svg b/src/platform/web/ui/css/themes/element/icons/paperclip.svg new file mode 100644 index 00000000..81a8bf06 --- /dev/null +++ b/src/platform/web/ui/css/themes/element/icons/paperclip.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index d2b0d229..57bfc03b 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -470,6 +470,20 @@ a { background-position: center; } +.MessageComposer > button.sendFile { + width: 32px; + height: 32px; + display: block; + border: none; + text-indent: 200%; + white-space: nowrap; + overflow: hidden; + background-color: transparent; + background-image: url('icons/paperclip.svg'); + background-repeat: no-repeat; + background-position: center; +} + .MessageComposer > button.send:disabled { background-color: #E3E8F0; } diff --git a/src/platform/web/ui/session/room/MessageComposer.js b/src/platform/web/ui/session/room/MessageComposer.js index 0be8de19..62b55b15 100644 --- a/src/platform/web/ui/session/room/MessageComposer.js +++ b/src/platform/web/ui/session/room/MessageComposer.js @@ -31,10 +31,10 @@ export class MessageComposer extends TemplateView { return t.div({className: "MessageComposer"}, [ this._input, t.button({ - className: "attach", - title: vm.i18n`Attach`, + className: "sendFile", + title: vm.i18n`Send file`, onClick: () => vm.sendAttachment(), - }, vm.i18n`Attach`), + }, vm.i18n`Send file`), t.button({ className: "send", title: vm.i18n`Send`,