Merge pull request #8194 from RocketChat/more-rtl-fixes

Fix more rtl issues
pull/8689/head
Rodrigo Nascimento 8 years ago
parent 6a96511805
commit 0bac5d836d
No known key found for this signature in database
GPG Key ID: CFCE33B7B01AC335
  1. 6
      packages/rocketchat-theme/client/imports/components/message-box.css
  2. 20
      packages/rocketchat-theme/client/imports/components/modal/full-modal.css
  3. 6
      packages/rocketchat-theme/client/imports/components/sidebar/toolbar.css
  4. 5
      packages/rocketchat-theme/client/imports/forms/popup-list.css
  5. 16
      packages/rocketchat-theme/client/imports/general/rtl.css
  6. 2
      packages/rocketchat-ui-message/client/messageBox.html
  7. 2
      packages/rocketchat-ui/client/views/app/fullModal.html

@ -243,3 +243,9 @@
}
}
}
.rtl .rc-message-box__typing {
right: 0;
margin-right: 24px;
}

@ -28,13 +28,15 @@
}
&__back-text {
margin-right: 0.375rem;
margin-right: 2px;
line-height: 22px;
}
&__back-icon {
width: 10px;
height: 10px;
stroke: currentColor;
transform: rotate(45deg);
font-size: 1rem;
}
}
@ -55,3 +57,13 @@
}
}
}
.rtl .full-modal {
&__back-button {
left: 0
}
&__back-text {
margin-left: 0.375rem;
}
}

@ -107,3 +107,9 @@
padding: 0 calc(var(--sidebar-small-default-padding) - 8px) var(--sidebar-small-default-padding);
}
}
.rtl .toolbar {
& .rc-input__icon + .rc-input__element {
padding: 0.5rem 2.25rem 0.5rem 1rem;
}
}

@ -43,3 +43,8 @@
}
}
}
.rtl .rc-popup-list__item-image {
margin-right: 0;
margin-left: 1rem;
}

@ -1,6 +1,10 @@
.rtl {
direction: rtl;
& .rc-old .page-container .content .rocket-form .submit {
text-align: left;
}
& button {
text-align: right;
}
@ -641,18 +645,6 @@
}
}
& .first-unread .body {
&::before {
right: 20px;
left: 0;
}
&::after {
right: auto;
left: 0;
}
}
& .ticks-bar {
right: auto;
left: 2px;

@ -25,7 +25,7 @@
<div class="rc-message-box__icon emoji-picker-icon">
{{> 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>
<textarea autofocus name="msg" maxlength="{{maxMessageLength}}" placeholder="{{_ 'Message'}}" rows="1" class="rc-message-box__textarea js-input-message autogrow-short"></textarea>
{{#unless disableSendIcon}}
<div class="rc-message-box__icon rc-message-box__send js-send" data-desktop>
{{> icon block="rc-input__icon-svg" icon="send"}}

@ -3,7 +3,7 @@
<div class="full-modal__wrapper">
<button class="full-modal__back-button">
<span class="full-modal__back-text">{{_ "Cancel"}}</span>
{{> icon block="full-modal__back-icon" icon="cross"}}
{{> icon block="full-modal__back-icon" icon="plus"}}
</button>
{{> Template.dynamic template=template}}
</div>

Loading…
Cancel
Save