Add auto direction to support rtl languages
This commit is contained in:
parent
700976d065
commit
ea1f018114
|
@ -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 {
|
||||||
: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 {
|
||||||
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 {
|
||||||
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 {
|
||||||
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 {
|
||||||
'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.`;
|
||||||
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 {
|
||||||
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 {
|
||||||
: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 {
|
||||||
: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 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.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 @@
|
||||||
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
|
||||||
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 @@
|
||||||
.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 @@
|
||||||
= 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= """.html_safe + event.target.title + """.html_safe
|
%span.event-target-title.append-right-4{ dir: "auto" }
|
||||||
|
= """.html_safe + event.target.title + """.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 @@
|
||||||
%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= """.html_safe + event.target.title + """.html_safe
|
%span.event-target-title.append-right-4{ dir: "auto" }
|
||||||
|
= """.html_safe + event.target.title + """.html_safe
|
||||||
|
|
||||||
= render "events/event_scope", event: event
|
= render "events/event_scope", event: event
|
||||||
|
|
||||||
|
|
|
@ -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 @@
|
||||||
.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 @@
|
||||||
|
|
||||||
%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
|
||||||
|
|
|
@ -0,0 +1,5 @@
|
||||||
|
---
|
||||||
|
title: Add auto direction for issue title
|
||||||
|
merge_request: 27378
|
||||||
|
author: Ahmad Haghighi
|
||||||
|
type: fixed
|
Loading…
Reference in New Issue