fix svg icons

pull/7853/head
Karl Prieb 8 years ago
parent 56a3c779ac
commit eaa46de650
  1. 2
      packages/rocketchat-livechat/client/views/sideNav/livechatFlex.html
  2. 37
      packages/rocketchat-theme/client/imports/components/message-box.css
  3. 4
      packages/rocketchat-theme/client/imports/components/modal/create-channel.css
  4. 51
      packages/rocketchat-theme/client/imports/components/popover.css
  5. 5
      packages/rocketchat-theme/client/imports/components/sidebar/sidebar-account.css
  6. 4
      packages/rocketchat-theme/client/imports/components/sidebar/sidebar-flex.css
  7. 46
      packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
  8. 15
      packages/rocketchat-theme/client/imports/components/sidebar/toolbar.css
  9. 2
      packages/rocketchat-ui-account/client/accountFlex.html
  10. 2
      packages/rocketchat-ui-admin/client/adminFlex.html
  11. 2
      packages/rocketchat-ui-master/public/icons.svg
  12. 2
      packages/rocketchat-ui-message/client/messageBox.html
  13. 2
      packages/rocketchat-ui-message/startup/messageBoxActions.js
  14. 2
      packages/rocketchat-ui-sidenav/client/toolbar.html

@ -3,7 +3,7 @@
<header class="sidebar__header">
{{> accountBox lighten=true modifier="--livechat"}}
<button class="sidebar-flex__back-button" data-action="back">
{{> icon block="sidebar-flex__back-icon" icon="arrow-back"}}
{{> icon block="sidebar-flex__back-icon" icon="back"}}
<span>{{_ "Back_to_chat"}}</span>
</button>
</header>

@ -42,39 +42,8 @@
}
&-icon {
width: 12px;
height: 12px;
font-size: 1rem;
fill: currentColor;
stroke: currentColor;
&--bold {
width: 8px;
height: 10px;
stroke: none;
}
&--italic {
width: 2px;
height: 10px;
stroke: none;
}
&--code {
width: 16px;
height: 12px;
}
&--strike {
width: 12px;
height: 11px;
stroke: none;
}
&--multi-line {
width: 13px;
height: 11px;
}
}
}
@ -151,6 +120,10 @@
align-items: center;
justify-content: center;
& .rc-input__icon-svg {
font-size: 1.4rem;
}
& .rc-input__icon-svg--plus {
transition: transform 0.2s linear;
}

@ -32,6 +32,10 @@
& .rc-switch {
width: 50%;
}
& .rc-input__icon-svg {
font-size: 1.2rem;
}
}
@keyframes fadeIn {

@ -88,59 +88,14 @@
&__icon {
display: flex;
width: 16px;
margin: 0.25rem 0.25rem 0.25rem 0;
width: 20px;
margin: 0.25rem 0 0.25rem;
align-items: center;
justify-content: center;
}
&__icon-element {
stroke: currentColor;
&--customize {
width: 14px;
height: 14px;
}
&--comment-alt {
width: 16px;
height: 14px;
}
&--user {
width: 18px;
height: 17px;
}
&--sign-out {
width: 14px;
height: 14px;
}
&--video {
width: 17px;
height: 13px;
}
&--audio {
width: 16px;
height: 14px;
}
&--computer {
width: 16px;
height: 14px;
}
&--map-pin {
width: 12px;
height: 16px;
}
&--livechat {
width: 15px;
height: 15px;
}
font-size: 18px;
}
&__item-text {

@ -92,7 +92,7 @@
}
&-label {
padding: 10px;
padding: 5px 0;
cursor: pointer;
@ -104,8 +104,7 @@
}
&-menu {
width: 3px;
height: 16px;
font-size: 1.375rem;
fill: var(--sidebar-account-username-color);

@ -8,9 +8,7 @@
}
&__back-icon {
width: 18px;
height: 14px;
stroke: currentColor;
font-size: 1.25rem;
}
&__search {

@ -53,50 +53,8 @@
&__icon {
margin: 0 auto;
stroke: currentColor;
&--hashtag {
width: 14px;
height: 14px;
}
&--lock {
width: 12px;
height: 18px;
}
&--customize {
width: 14px;
height: 14px;
}
&--user {
width: 18px;
height: 17px;
}
&--user-rounded {
width: 18px;
height: 18px;
}
&--comment-alt {
width: 16px;
height: 14px;
fill: currentColor;
}
&--livechat {
width: 15px;
height: 15px;
fill: currentColor;
}
&--queue {
width: 15px;
height: 15px;
fill: currentColor;
}
font-size: 1.25rem;
fill: currentColor;
}
&__user-thumb {

@ -28,9 +28,9 @@
}
&__icon {
width: 13px;
height: 13px;
stroke: currentColor;
&--plus {
font-size: 1.25rem;
}
}
& .rc-input {
@ -67,6 +67,11 @@
& + .rc-input__element {
padding: 0.5rem 1rem 0.5rem 2.25rem;
}
&-svg--plus {
font-size: 1rem;
transform: rotate(45deg);
}
}
}
@ -78,7 +83,7 @@
background-color: var(--color-darkest);
}
& .rc-button--square {
padding: 10px;
& .rc-input__icon-svg--magnifier {
font-size: 1rem;
}
}

@ -3,7 +3,7 @@
<header class="sidebar__header">
{{> accountBox lighten=true modifier="--account" }}
<button class="sidebar-flex__back-button" data-action="back">
{{> icon block="sidebar-flex__back-icon" icon="arrow-back"}}
{{> icon block="sidebar-flex__back-icon" icon="back"}}
<span>{{_ "Back_to_chat"}}</span>
</button>
</header>

@ -3,7 +3,7 @@
<header class="sidebar__header">
{{> accountBox lighten=true modifier="--admin"}}
<button class="sidebar-flex__back-button" data-action="back">
{{> icon block="sidebar-flex__back-icon" icon="arrow-back"}}
{{> icon block="sidebar-flex__back-icon" icon="back"}}
<span>{{_ "Back_to_chat"}}</span>
</button>
</header>

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

@ -23,7 +23,7 @@
{{> messagePopupConfig getPopupConfig}}
<label class="rc-message-box__container">
<div class="rc-message-box__icon emoji-picker-icon">
{{> icon block="rc-input__icon-svg" icon="smile"}}
{{> icon block="rc-input__icon-svg" icon="emoji"}}
</div>
<textarea autofocus dir="auto" name="msg" maxlength="{{maxMessageLength}}" placeholder="{{_ 'Message'}}" rows="1" class="rc-message-box__textarea js-input-message autogrow-short"></textarea>
{{#if sendIcon}}

@ -12,7 +12,7 @@ RocketChat.messageBox.actions.add('Create_new', 'Video_message', {
});
RocketChat.messageBox.actions.add('Create_new', 'Audio_message', {
icon: 'audio',
icon: 'mic',
condition: () => RocketChat.settings.get('FileUpload_Enabled') && RocketChat.settings.get('Message_AudioRecorderEnabled') && ((navigator.getUserMedia != null) || (navigator.webkitGetUserMedia != null)) && (!RocketChat.settings.get('FileUpload_MediaTypeWhiteList') || RocketChat.settings.get('FileUpload_MediaTypeWhiteList').match(/audio\/wav|audio\/\*/i)),
action({event, element}) {
event.preventDefault();

@ -10,7 +10,7 @@
</div>
<input type="text" class="rc-input__element rc-input__element--small" placeholder="{{getPlaceholder}}">
<div class="rc-input__icon rc-input__icon--right">
{{> icon block="rc-input__icon-svg" icon="cross"}}
{{> icon block="rc-input__icon-svg" icon="plus"}}
</div>
</div>
</label>

Loading…
Cancel
Save