From 074c96cd3eae0543e44b058ddabb85842f7ec4ba Mon Sep 17 00:00:00 2001 From: Nad Chishtie Date: Tue, 18 Dec 2018 16:48:20 +0000 Subject: [PATCH] First pass of normalising icons. --- res/css/structures/_RightPanel.scss | 5 +++-- res/css/structures/_TagPanel.scss | 4 ++-- res/css/views/rooms/_MemberList.scss | 2 +- res/css/views/rooms/_RoomHeader.scss | 4 ++-- res/img/feather-icons/face.svg | 14 ++++++++++++++ res/img/feather-icons/files.svg | 11 +++++++++++ res/img/feather-icons/grid.svg | 13 +++++++++++++ res/img/feather-icons/notifications.svg | 10 ++++++++++ res/img/feather-icons/paperclip.svg | 10 ++++++++++ res/img/feather-icons/phone.svg | 10 ++++++++++ res/img/feather-icons/search.svg | 11 +++++++++++ res/img/feather-icons/settings.svg | 11 +++++++++++ res/img/feather-icons/share.svg | 14 ++++++++++++++ res/img/feather-icons/user-add.svg | 13 +++++++++++++ res/img/feather-icons/user.svg | 11 +++++++++++ res/img/feather-icons/users.svg | 15 +++++++++++++++ res/img/feather-icons/video.svg | 11 +++++++++++ res/themes/dharma/css/_dharma.scss | 2 +- .../views/elements/ManageIntegsButton.js | 2 +- .../views/right_panel/RoomHeaderButtons.js | 6 +++--- src/components/views/rooms/MessageComposer.js | 6 +++--- src/components/views/rooms/RoomHeader.js | 6 +++--- src/components/views/rooms/Stickerpicker.js | 4 ++-- 23 files changed, 175 insertions(+), 20 deletions(-) create mode 100644 res/img/feather-icons/face.svg create mode 100644 res/img/feather-icons/files.svg create mode 100644 res/img/feather-icons/grid.svg create mode 100644 res/img/feather-icons/notifications.svg create mode 100644 res/img/feather-icons/paperclip.svg create mode 100644 res/img/feather-icons/phone.svg create mode 100644 res/img/feather-icons/search.svg create mode 100644 res/img/feather-icons/settings.svg create mode 100644 res/img/feather-icons/share.svg create mode 100644 res/img/feather-icons/user-add.svg create mode 100644 res/img/feather-icons/user.svg create mode 100644 res/img/feather-icons/users.svg create mode 100644 res/img/feather-icons/video.svg diff --git a/res/css/structures/_RightPanel.scss b/res/css/structures/_RightPanel.scss index 07fe404749..592eea067e 100644 --- a/res/css/structures/_RightPanel.scss +++ b/res/css/structures/_RightPanel.scss @@ -45,7 +45,8 @@ limitations under the License. cursor: pointer; flex: 0 0 auto; vertical-align: top; - padding-left: 4px; + margin-top: 4px; + padding-left: 5px; padding-right: 5px; text-align: center; position: relative; @@ -57,7 +58,7 @@ limitations under the License. } .mx_RightPanel_headerButton_highlight { - border-color: $accent-color; + border-color: $button-bg-color; } .mx_RightPanel_headerButton_badge { diff --git a/res/css/structures/_TagPanel.scss b/res/css/structures/_TagPanel.scss index 85e5c1742f..1ffb017e28 100644 --- a/res/css/structures/_TagPanel.scss +++ b/res/css/structures/_TagPanel.scss @@ -138,9 +138,9 @@ limitations under the License. &:before { background-color: $tagpanel-bg-color; - mask: url('../../img/icons-groups-nobg.svg'); + mask: url('../../img/feather-icons/users.svg'); mask-repeat: no-repeat; - mask-position: center 8px; + mask-position: center 10px; content: ''; position: absolute; top: 0; diff --git a/res/css/views/rooms/_MemberList.scss b/res/css/views/rooms/_MemberList.scss index 2695ebcf31..6f9491b22f 100644 --- a/res/css/views/rooms/_MemberList.scss +++ b/res/css/views/rooms/_MemberList.scss @@ -83,7 +83,7 @@ limitations under the License. .mx_MemberList_invite span { margin: 0 auto; - background-image: url('../../img/icon-invite-people.svg'); + background-image: url('../../img/feather-icons/user-add.svg'); background-repeat: no-repeat; background-position: center left; padding-left: 25px; diff --git a/res/css/views/rooms/_RoomHeader.scss b/res/css/views/rooms/_RoomHeader.scss index 7d2cbfe863..0697ccf40f 100644 --- a/res/css/views/rooms/_RoomHeader.scss +++ b/res/css/views/rooms/_RoomHeader.scss @@ -59,8 +59,8 @@ limitations under the License. .mx_RoomHeader_buttons { display: flex; align-items: center; - margin-top: 4px; background-color: $primary-bg-color; + padding-right: 5px; } .mx_RoomHeader_info { @@ -197,7 +197,7 @@ limitations under the License. } .mx_RoomHeader_button { - margin-left: 12px; + margin-left: 10px; cursor: pointer; } diff --git a/res/img/feather-icons/face.svg b/res/img/feather-icons/face.svg new file mode 100644 index 0000000000..0a359b2dea --- /dev/null +++ b/res/img/feather-icons/face.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/res/img/feather-icons/files.svg b/res/img/feather-icons/files.svg new file mode 100644 index 0000000000..c66d9ad121 --- /dev/null +++ b/res/img/feather-icons/files.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/res/img/feather-icons/grid.svg b/res/img/feather-icons/grid.svg new file mode 100644 index 0000000000..e6912b0cc7 --- /dev/null +++ b/res/img/feather-icons/grid.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/res/img/feather-icons/notifications.svg b/res/img/feather-icons/notifications.svg new file mode 100644 index 0000000000..2fe85e810c --- /dev/null +++ b/res/img/feather-icons/notifications.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/res/img/feather-icons/paperclip.svg b/res/img/feather-icons/paperclip.svg new file mode 100644 index 0000000000..ed2bb88681 --- /dev/null +++ b/res/img/feather-icons/paperclip.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/res/img/feather-icons/phone.svg b/res/img/feather-icons/phone.svg new file mode 100644 index 0000000000..58b257f113 --- /dev/null +++ b/res/img/feather-icons/phone.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/res/img/feather-icons/search.svg b/res/img/feather-icons/search.svg new file mode 100644 index 0000000000..8b14246f64 --- /dev/null +++ b/res/img/feather-icons/search.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/res/img/feather-icons/settings.svg b/res/img/feather-icons/settings.svg new file mode 100644 index 0000000000..ea7ce5c55b --- /dev/null +++ b/res/img/feather-icons/settings.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/res/img/feather-icons/share.svg b/res/img/feather-icons/share.svg new file mode 100644 index 0000000000..a012e1b7a5 --- /dev/null +++ b/res/img/feather-icons/share.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/res/img/feather-icons/user-add.svg b/res/img/feather-icons/user-add.svg new file mode 100644 index 0000000000..cbb25934c1 --- /dev/null +++ b/res/img/feather-icons/user-add.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/res/img/feather-icons/user.svg b/res/img/feather-icons/user.svg new file mode 100644 index 0000000000..a789e580d5 --- /dev/null +++ b/res/img/feather-icons/user.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/res/img/feather-icons/users.svg b/res/img/feather-icons/users.svg new file mode 100644 index 0000000000..b0deac0a9e --- /dev/null +++ b/res/img/feather-icons/users.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/res/img/feather-icons/video.svg b/res/img/feather-icons/video.svg new file mode 100644 index 0000000000..a4c456832f --- /dev/null +++ b/res/img/feather-icons/video.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/res/themes/dharma/css/_dharma.scss b/res/themes/dharma/css/_dharma.scss index f1badb35ca..ce1b7b2a68 100644 --- a/res/themes/dharma/css/_dharma.scss +++ b/res/themes/dharma/css/_dharma.scss @@ -259,7 +259,7 @@ input[type=search].mx_textinput_icon { input[type=text].mx_textinput_icon.mx_textinput_search, input[type=search].mx_textinput_icon.mx_textinput_search { - background-image: url('../../img/icons-search.svg'); + background-image: url('../../img/feather-icons/search.svg'); } // dont search UI as not all browsers support it, diff --git a/src/components/views/elements/ManageIntegsButton.js b/src/components/views/elements/ManageIntegsButton.js index 024c5feda5..f45053de44 100644 --- a/src/components/views/elements/ManageIntegsButton.js +++ b/src/components/views/elements/ManageIntegsButton.js @@ -91,7 +91,7 @@ export default class ManageIntegsButton extends React.Component { integrationsButton = ( - + { integrationsWarningTriangle } { integrationsErrorPopup } diff --git a/src/components/views/right_panel/RoomHeaderButtons.js b/src/components/views/right_panel/RoomHeaderButtons.js index ba06bd9953..cd4bb1c229 100644 --- a/src/components/views/right_panel/RoomHeaderButtons.js +++ b/src/components/views/right_panel/RoomHeaderButtons.js @@ -52,17 +52,17 @@ export default class RoomHeaderButtons extends HeaderButtons { ].includes(this.state.phase); return [ - , - , - - + ; videoCallButton = - + ; } @@ -320,7 +320,7 @@ export default class MessageComposer extends React.Component { const uploadButton = ( - + - + ; } @@ -382,7 +382,7 @@ module.exports = React.createClass({ if (this.props.onSearchClick && this.props.inRoom) { searchButton = - + ; } @@ -390,7 +390,7 @@ module.exports = React.createClass({ if (this.props.inRoom) { shareRoomButton = - + ; } diff --git a/src/components/views/rooms/Stickerpicker.js b/src/components/views/rooms/Stickerpicker.js index 085303eafb..c7d9f890a7 100644 --- a/src/components/views/rooms/Stickerpicker.js +++ b/src/components/views/rooms/Stickerpicker.js @@ -351,7 +351,7 @@ export default class Stickerpicker extends React.Component { onClick={this._onHideStickersClick} ref='target' title={_t("Hide Stickers")}> - + ; } else { // Show show-stickers button @@ -362,7 +362,7 @@ export default class Stickerpicker extends React.Component { className="mx_MessageComposer_stickers" onClick={this._onShowStickersClick} title={_t("Show Stickers")}> - + ; } return