Commit ea1f0181 authored by Ahmad Haghighi's avatar Ahmad Haghighi Committed by Annabel Dunstone Gray

Add auto direction to support rtl languages

parent 700976d0
...@@ -168,7 +168,7 @@ export default { ...@@ -168,7 +168,7 @@ export default {
</script> </script>
<template> <template>
<div> <div>
<div class="d-flex board-card-header"> <div class="d-flex board-card-header" dir="auto">
<h4 class="board-card-title append-bottom-0 prepend-top-0"> <h4 class="board-card-title append-bottom-0 prepend-top-0">
<icon <icon
v-if="issue.confidential" v-if="issue.confidential"
......
...@@ -108,6 +108,7 @@ export default { ...@@ -108,6 +108,7 @@ export default {
:placeholder="placeholder" :placeholder="placeholder"
:value="text" :value="text"
class="note-textarea ide-commit-message-textarea" class="note-textarea ide-commit-message-textarea"
dir="auto"
name="commit-message" name="commit-message"
@scroll="handleScroll" @scroll="handleScroll"
@input="onInput" @input="onInput"
......
...@@ -149,6 +149,7 @@ export default { ...@@ -149,6 +149,7 @@ export default {
v-model="descriptionText" v-model="descriptionText"
:data-update-url="updateUrl" :data-update-url="updateUrl"
class="hidden js-task-list-field" class="hidden js-task-list-field"
dir="auto"
> >
</textarea> </textarea>
......
...@@ -53,6 +53,7 @@ export default { ...@@ -53,6 +53,7 @@ export default {
v-model="formState.description" v-model="formState.description"
class="note-textarea js-gfm-input js-autosize markdown-area class="note-textarea js-gfm-input js-autosize markdown-area
qa-description-textarea" qa-description-textarea"
dir="auto"
data-supports-quick-actions="false" data-supports-quick-actions="false"
aria-label="Description" aria-label="Description"
placeholder="Write a comment or drag your files here…" placeholder="Write a comment or drag your files here…"
......
...@@ -20,6 +20,7 @@ export default { ...@@ -20,6 +20,7 @@ export default {
ref="input" ref="input"
v-model="formState.title" v-model="formState.title"
class="form-control qa-title-input" class="form-control qa-title-input"
dir="auto"
type="text" type="text"
placeholder="Title" placeholder="Title"
aria-label="Title" aria-label="Title"
......
...@@ -72,6 +72,7 @@ export default { ...@@ -72,6 +72,7 @@ export default {
'issue-realtime-trigger-pulse': pulseAnimation, 'issue-realtime-trigger-pulse': pulseAnimation,
}" }"
class="title" class="title"
dir="auto"
v-html="titleHtml" v-html="titleHtml"
></h2> ></h2>
<button <button
......
...@@ -351,6 +351,7 @@ Please check your network connection and try again.`; ...@@ -351,6 +351,7 @@ Please check your network connection and try again.`;
ref="textarea" ref="textarea"
slot="textarea" slot="textarea"
v-model="note" v-model="note"
dir="auto"
:disabled="isSubmitting" :disabled="isSubmitting"
name="note[note]" name="note[note]"
class="note-textarea js-vue-comment-form js-note-text class="note-textarea js-vue-comment-form js-note-text
......
...@@ -122,6 +122,7 @@ export default { ...@@ -122,6 +122,7 @@ export default {
v-model="note.note" v-model="note.note"
:data-update-url="note.path" :data-update-url="note.path"
class="hidden js-task-list-field" class="hidden js-task-list-field"
dir="auto"
></textarea> ></textarea>
<note-edited-text <note-edited-text
v-if="note.last_edited_at" v-if="note.last_edited_at"
......
...@@ -268,6 +268,7 @@ export default { ...@@ -268,6 +268,7 @@ export default {
:data-supports-quick-actions="!isEditing" :data-supports-quick-actions="!isEditing"
name="note[note]" name="note[note]"
class="note-textarea js-gfm-input js-note-text js-autosize markdown-area js-vue-issue-note-form js-vue-textarea qa-reply-input" class="note-textarea js-gfm-input js-note-text js-autosize markdown-area js-vue-issue-note-form js-vue-textarea qa-reply-input"
dir="auto"
aria-label="Description" aria-label="Description"
placeholder="Write a comment or drag your files here…" placeholder="Write a comment or drag your files here…"
@keydown.meta.enter="handleKeySubmit()" @keydown.meta.enter="handleKeySubmit()"
......
...@@ -30,6 +30,7 @@ export default { ...@@ -30,6 +30,7 @@ export default {
:id="inputId" :id="inputId"
:value="value" :value="value"
class="form-control js-gfm-input append-bottom-default commit-message-edit" class="form-control js-gfm-input append-bottom-default commit-message-edit"
dir="auto"
required="required" required="required"
rows="7" rows="7"
@input="$emit('input', $event.target.value)" @input="$emit('input', $event.target.value)"
......
...@@ -256,6 +256,10 @@ ...@@ -256,6 +256,10 @@
} }
} }
.board-card-header {
text-align: initial;
}
.board-card-assignee { .board-card-assignee {
margin-top: -$gl-padding-4; margin-top: -$gl-padding-4;
margin-bottom: -$gl-padding-4; margin-bottom: -$gl-padding-4;
......
...@@ -60,6 +60,7 @@ ...@@ -60,6 +60,7 @@
overflow-wrap: break-word; overflow-wrap: break-word;
min-width: 0; min-width: 0;
width: 100%; width: 100%;
text-align: initial;
} }
.btn-edit { .btn-edit {
......
...@@ -4,7 +4,7 @@ module BroadcastMessagesHelper ...@@ -4,7 +4,7 @@ module BroadcastMessagesHelper
def broadcast_message(message) def broadcast_message(message)
return unless message.present? return unless message.present?
content_tag :div, class: 'broadcast-message', style: broadcast_message_style(message) do content_tag :div, dir: 'auto', class: 'broadcast-message', style: broadcast_message_style(message) do
icon('bullhorn') << ' ' << render_broadcast_message(message) icon('bullhorn') << ' ' << render_broadcast_message(message)
end end
end end
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
.col-sm-10 .col-sm-10
= f.text_area :message, class: "form-control js-autosize", = f.text_area :message, class: "form-control js-autosize",
required: true, required: true,
dir: 'auto',
data: { preview_path: preview_admin_broadcast_messages_path } data: { preview_path: preview_admin_broadcast_messages_path }
.form-group.row.js-toggle-colors-container .form-group.row.js-toggle-colors-container
.col-sm-10.offset-sm-2 .col-sm-10.offset-sm-2
......
...@@ -11,7 +11,8 @@ ...@@ -11,7 +11,8 @@
= link_to [event.project.namespace.becomes(Namespace), event.project, event.target], class: 'has-tooltip event-target-link append-right-4', title: event.target_title do = link_to [event.project.namespace.becomes(Namespace), event.project, event.target], class: 'has-tooltip event-target-link append-right-4', title: event.target_title do
= event.target.reference_link_text = event.target.reference_link_text
- unless event.milestone? - unless event.milestone?
%span.event-target-title.append-right-4= "&quot;".html_safe + event.target.title + "&quot".html_safe %span.event-target-title.append-right-4{ dir: "auto" }
= "&quot;".html_safe + event.target.title + "&quot".html_safe
- else - else
%span.event-type.d-inline-block.append-right-4{ class: event.action_name } %span.event-type.d-inline-block.append-right-4{ class: event.action_name }
= event_action_name(event) = event_action_name(event)
......
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
%span.event-type.d-inline-block.append-right-4{ class: event.action_name } %span.event-type.d-inline-block.append-right-4{ class: event.action_name }
= event.action_name = event.action_name
= event_note_title_html(event) = event_note_title_html(event)
%span.event-target-title.append-right-4= "&quot;".html_safe + event.target.title + "&quot".html_safe %span.event-target-title.append-right-4{ dir: "auto" }
= "&quot;".html_safe + event.target.title + "&quot".html_safe
= render "events/event_scope", event: event = render "events/event_scope", event: event
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
= f.text_area attr, = f.text_area attr,
class: classes, class: classes,
placeholder: placeholder, placeholder: placeholder,
dir: 'auto',
data: { supports_quick_actions: supports_quick_actions, data: { supports_quick_actions: supports_quick_actions,
supports_autocomplete: supports_autocomplete } supports_autocomplete: supports_autocomplete }
- else - else
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
.issuable-info-container .issuable-info-container
.issuable-main-info .issuable-main-info
.issue-title.title .issue-title.title
%span.issue-title-text %span.issue-title-text{ dir: "auto" }
- if issue.confidential? - if issue.confidential?
%span.has-tooltip{ title: _('Confidential') } %span.has-tooltip{ title: _('Confidential') }
= confidential_icon(issue) = confidential_icon(issue)
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
%div{ class: div_class } %div{ class: div_class }
= form.text_field :title, required: true, maxlength: 255, autofocus: true, = form.text_field :title, required: true, maxlength: 255, autofocus: true,
autocomplete: 'off', class: 'form-control pad qa-issuable-form-title', placeholder: _('Title') autocomplete: 'off', class: 'form-control pad qa-issuable-form-title', placeholder: _('Title'), dir: 'auto'
- if issuable.respond_to?(:work_in_progress?) - if issuable.respond_to?(:work_in_progress?)
.form-text.text-muted .form-text.text-muted
......
---
title: Add auto direction for issue title
merge_request: 27378
author: Ahmad Haghighi
type: fixed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment