Commit da361a35 authored by Martin Wortschack's avatar Martin Wortschack

Merge branch 'jivanvl-replace-prepend-left-10' into 'master'

Replace prepend-left-10 class

See merge request gitlab-org/gitlab!36610
parents 4c31e9c0 9a14bad2
...@@ -72,7 +72,7 @@ export default { ...@@ -72,7 +72,7 @@ export default {
<button <button
ref="selectAllBtn" ref="selectAllBtn"
type="button" type="button"
class="btn btn-success btn-inverted prepend-left-10" class="btn btn-success btn-inverted gl-ml-3"
@click="toggleAll" @click="toggleAll"
> >
{{ selectAllText }} {{ selectAllText }}
......
...@@ -352,7 +352,7 @@ export default () => { ...@@ -352,7 +352,7 @@ export default () => {
template: ` template: `
<div class="board-extra-actions"> <div class="board-extra-actions">
<button <button
class="btn btn-success prepend-left-10" class="btn btn-success gl-ml-3"
type="button" type="button"
data-placement="bottom" data-placement="bottom"
ref="addIssuesButton" ref="addIssuesButton"
......
...@@ -25,7 +25,7 @@ export default (ModalStore, boardsStore) => { ...@@ -25,7 +25,7 @@ export default (ModalStore, boardsStore) => {
<div class="board-extra-actions"> <div class="board-extra-actions">
<a <a
href="#" href="#"
class="btn btn-default has-tooltip prepend-left-10 js-focus-mode-btn" class="btn btn-default has-tooltip gl-ml-3 js-focus-mode-btn"
data-qa-selector="focus_mode_button" data-qa-selector="focus_mode_button"
role="button" role="button"
aria-label="Toggle focus mode" aria-label="Toggle focus mode"
......
...@@ -83,7 +83,7 @@ export default { ...@@ -83,7 +83,7 @@ export default {
<ul class="nav-links"> <ul class="nav-links">
<li> <li>
{{ __('Commit Message') }} {{ __('Commit Message') }}
<span v-popover="$options.popoverOptions" class="form-text text-muted prepend-left-10"> <span v-popover="$options.popoverOptions" class="form-text text-muted gl-ml-3">
<icon name="question" /> <icon name="question" />
</span> </span>
</li> </li>
......
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
data-qa-selector="start_new_mr_checkbox" data-qa-selector="start_new_mr_checkbox"
@change="toggleShouldCreateMR" @change="toggleShouldCreateMR"
/> />
<span class="prepend-left-10 ide-option-label"> <span class="gl-ml-3 ide-option-label">
{{ __('Start a new merge request') }} {{ __('Start a new merge request') }}
</span> </span>
</label> </label>
......
...@@ -66,7 +66,7 @@ export default { ...@@ -66,7 +66,7 @@ export default {
name="commit-action" name="commit-action"
@change="updateCommitAction($event.target.value)" @change="updateCommitAction($event.target.value)"
/> />
<span class="prepend-left-10"> <span class="gl-ml-3">
<span v-if="label" class="ide-option-label"> {{ label }} </span> <slot v-else></slot> <span v-if="label" class="ide-option-label"> {{ label }} </span> <slot v-else></slot>
</span> </span>
</label> </label>
......
...@@ -8,11 +8,7 @@ import { truncateNamespace } from '~/lib/utils/text_utility'; ...@@ -8,11 +8,7 @@ import { truncateNamespace } from '~/lib/utils/text_utility';
export default { export default {
name: 'ProjectListItem', name: 'ProjectListItem',
components: { components: { Icon, ProjectAvatar, GlDeprecatedButton },
Icon,
ProjectAvatar,
GlDeprecatedButton,
},
props: { props: {
project: { project: {
type: Object, type: Object,
...@@ -22,15 +18,8 @@ export default { ...@@ -22,15 +18,8 @@ export default {
isString(p.name) && isString(p.name) &&
(isString(p.name_with_namespace) || isString(p.nameWithNamespace)), (isString(p.name_with_namespace) || isString(p.nameWithNamespace)),
}, },
selected: { selected: { type: Boolean, required: true },
type: Boolean, matcher: { type: String, required: false, default: '' },
required: true,
},
matcher: {
type: String,
required: false,
default: '',
},
}, },
computed: { computed: {
projectNameWithNamespace() { projectNameWithNamespace() {
...@@ -56,7 +45,7 @@ export default { ...@@ -56,7 +45,7 @@ export default {
@click="onClick" @click="onClick"
> >
<icon <icon
class="prepend-left-10 gl-mr-3 flex-shrink-0 position-top-0 js-selected-icon" class="gl-ml-3 gl-mr-3 flex-shrink-0 position-top-0 js-selected-icon"
:class="{ 'js-selected visible': selected, 'js-unselected invisible': !selected }" :class="{ 'js-selected visible': selected, 'js-unselected invisible': !selected }"
name="mobile-issue-close" name="mobile-issue-close"
/> />
......
...@@ -399,8 +399,6 @@ img.emoji { ...@@ -399,8 +399,6 @@ img.emoji {
.prepend-top-10 { margin-top: 10px; } .prepend-top-10 { margin-top: 10px; }
.prepend-top-15 { margin-top: 15px; } .prepend-top-15 { margin-top: 15px; }
.prepend-top-20 { margin-top: 20px; } .prepend-top-20 { margin-top: 20px; }
.prepend-left-5 { margin-left: 5px; }
.prepend-left-10 { margin-left: 10px; }
.prepend-left-15 { margin-left: 15px; } .prepend-left-15 { margin-left: 15px; }
.prepend-left-20 { margin-left: 20px; } .prepend-left-20 { margin-left: 20px; }
.prepend-left-64 { margin-left: 64px; } .prepend-left-64 { margin-left: 64px; }
......
...@@ -46,4 +46,4 @@ ...@@ -46,4 +46,4 @@
.form-actions .form-actions
= link_to 'Edit', edit_admin_application_path(@application), class: 'btn btn-primary wide float-left' = link_to 'Edit', edit_admin_application_path(@application), class: 'btn btn-primary wide float-left'
= render 'delete_form', application: @application, submit_btn_css: 'btn btn-danger prepend-left-10' = render 'delete_form', application: @application, submit_btn_css: 'btn btn-danger gl-ml-3'
...@@ -4,6 +4,6 @@ ...@@ -4,6 +4,6 @@
%hr %hr
= link_to 'Resend Request', retry_admin_hook_hook_log_path(@hook, @hook_log), method: :post, class: "btn btn-default float-right prepend-left-10" = link_to 'Resend Request', retry_admin_hook_hook_log_path(@hook, @hook_log), method: :post, class: "btn btn-default float-right gl-ml-3"
= render partial: 'shared/hook_logs/content', locals: { hook_log: @hook_log } = render partial: 'shared/hook_logs/content', locals: { hook_log: @hook_log }
- sorted_by = sort_options_hash[@sort] - sorted_by = sort_options_hash[@sort]
.dropdown.inline.prepend-left-10 .dropdown.inline.gl-ml-3
%button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' } } %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' } }
= sorted_by = sorted_by
= icon('chevron-down') = icon('chevron-down')
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
.float-right .float-right
%span.light.vertical-align-middle= group_member.human_access %span.light.vertical-align-middle= group_member.human_access
- unless group_member.owner? - unless group_member.owner?
= link_to group_group_member_path(group, group_member), data: { confirm: remove_member_message(group_member) }, method: :delete, remote: true, class: "btn-sm btn btn-remove prepend-left-10", title: 'Remove user from group' do = link_to group_group_member_path(group, group_member), data: { confirm: remove_member_message(group_member) }, method: :delete, remote: true, class: "btn-sm btn btn-remove gl-ml-3", title: 'Remove user from group' do
%i.fa.fa-times.fa-inverse %i.fa.fa-times.fa-inverse
.row .row
...@@ -46,5 +46,5 @@ ...@@ -46,5 +46,5 @@
%span.light.vertical-align-middle= member.human_access %span.light.vertical-align-middle= member.human_access
- if member.respond_to? :project - if member.respond_to? :project
= link_to project_project_member_path(project, member), data: { confirm: remove_member_message(member) }, remote: true, method: :delete, class: "btn-sm btn btn-remove prepend-left-10", title: 'Remove user from project' do = link_to project_project_member_path(project, member), data: { confirm: remove_member_message(member) }, remote: true, method: :delete, class: "btn-sm btn btn-remove gl-ml-3", title: 'Remove user from project' do
%i.fa.fa-times %i.fa.fa-times
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
%span.hide.js-ci-variables-save-loading-icon %span.hide.js-ci-variables-save-loading-icon
.spinner.spinner-light.mr-1 .spinner.spinner-light.mr-1
= _('Save variables') = _('Save variables')
%button.btn.btn-info.btn-inverted.prepend-left-10.js-secret-value-reveal-button{ type: 'button', data: { secret_reveal_status: "#{@variables.size == 0}" } } %button.btn.btn-info.btn-inverted.gl-ml-3.js-secret-value-reveal-button{ type: 'button', data: { secret_reveal_status: "#{@variables.size == 0}" } }
- if @variables.size == 0 - if @variables.size == 0
= n_('Hide value', 'Hide values', @variables.size) = n_('Hide value', 'Hide values', @variables.size)
- else - else
......
...@@ -44,4 +44,4 @@ ...@@ -44,4 +44,4 @@
.form-actions .form-actions
= link_to _('Edit'), edit_oauth_application_path(@application), class: 'btn btn-primary wide float-left' = link_to _('Edit'), edit_oauth_application_path(@application), class: 'btn btn-primary wide float-left'
= render 'delete_form', application: @application, submit_btn_css: 'btn btn-danger prepend-left-10' = render 'delete_form', application: @application, submit_btn_css: 'btn btn-danger gl-ml-3'
...@@ -46,4 +46,4 @@ ...@@ -46,4 +46,4 @@
= hidden_field_tag :response_type, @pre_auth.response_type = hidden_field_tag :response_type, @pre_auth.response_type
= hidden_field_tag :scope, @pre_auth.scope = hidden_field_tag :scope, @pre_auth.scope
= hidden_field_tag :nonce, @pre_auth.nonce = hidden_field_tag :nonce, @pre_auth.nonce
= submit_tag _("Authorize"), class: "btn btn-success prepend-left-10", data: { qa_selector: 'authorization_button' } = submit_tag _("Authorize"), class: "btn btn-success gl-ml-3", data: { qa_selector: 'authorization_button' }
...@@ -27,5 +27,5 @@ ...@@ -27,5 +27,5 @@
= render 'shared/empty_states/labels' = render 'shared/empty_states/labels'
%template#js-badge-item-template %template#js-badge-item-template
%li.label-link-item.js-priority-badge.inline.prepend-left-10 %li.label-link-item.js-priority-badge.inline.gl-ml-3
.label-badge.label-badge-blue= _('Prioritized label') .label-badge.label-badge-blue= _('Prioritized label')
...@@ -35,4 +35,4 @@ ...@@ -35,4 +35,4 @@
- unless member? - unless member?
.actions .actions
= link_to _("Accept invitation"), accept_invite_url(@token), method: :post, class: "btn btn-success" = link_to _("Accept invitation"), accept_invite_url(@token), method: :post, class: "btn btn-success"
= link_to _("Decline"), decline_invite_url(@token), method: :post, class: "btn btn-danger prepend-left-10" = link_to _("Decline"), decline_invite_url(@token), method: :post, class: "btn btn-danger gl-ml-3"
...@@ -27,6 +27,6 @@ ...@@ -27,6 +27,6 @@
- unless is_current_session - unless is_current_session
.float-right .float-right
= link_to profile_active_session_path(active_session.public_id), data: { confirm: _('Are you sure? The device will be signed out of GitLab.') }, method: :delete, class: "btn btn-danger prepend-left-10" do = link_to profile_active_session_path(active_session.public_id), data: { confirm: _('Are you sure? The device will be signed out of GitLab.') }, method: :delete, class: "btn btn-danger gl-ml-3" do
%span.sr-only= _('Revoke') %span.sr-only= _('Revoke')
= _('Revoke') = _('Revoke')
...@@ -12,4 +12,4 @@ ...@@ -12,4 +12,4 @@
= submit_tag "Authorize", class: "btn btn-success wide float-left" = submit_tag "Authorize", class: "btn btn-success wide float-left"
= form_tag deny_profile_chat_names_path, method: :delete do = form_tag deny_profile_chat_names_path, method: :delete do
= hidden_field_tag :token, @chat_name_token.token = hidden_field_tag :token, @chat_name_token.token
= submit_tag "Deny", class: "btn btn-danger prepend-left-10" = submit_tag "Deny", class: "btn btn-danger gl-ml-3"
...@@ -56,8 +56,8 @@ ...@@ -56,8 +56,8 @@
%span.badge.badge-info= s_('Profiles|Notification email') %span.badge.badge-info= s_('Profiles|Notification email')
- unless email.confirmed? - unless email.confirmed?
- confirm_title = "#{email.confirmation_sent_at ? _('Resend confirmation email') : _('Send confirmation email')}" - confirm_title = "#{email.confirmation_sent_at ? _('Resend confirmation email') : _('Send confirmation email')}"
= link_to confirm_title, resend_confirmation_instructions_profile_email_path(email), method: :put, class: 'btn btn-sm btn-warning prepend-left-10' = link_to confirm_title, resend_confirmation_instructions_profile_email_path(email), method: :put, class: 'btn btn-sm btn-warning gl-ml-3'
= link_to profile_email_path(email), data: { confirm: _('Are you sure?'), qa_selector: 'delete_email_link'}, method: :delete, class: 'btn btn-sm btn-danger prepend-left-10' do = link_to profile_email_path(email), data: { confirm: _('Are you sure?'), qa_selector: 'delete_email_link'}, method: :delete, class: 'btn btn-sm btn-danger gl-ml-3' do
%span.sr-only= _('Remove') %span.sr-only= _('Remove')
= icon('trash') = icon('trash')
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
.float-right .float-right
%span.key-created-at %span.key-created-at
= s_('Profiles|Created %{time_ago}'.html_safe) % { time_ago:time_ago_with_tooltip(key.created_at)} = s_('Profiles|Created %{time_ago}'.html_safe) % { time_ago:time_ago_with_tooltip(key.created_at)}
= link_to profile_gpg_key_path(key), data: { confirm: _('Are you sure? Removing this GPG key does not affect already signed commits.') }, method: :delete, class: "btn btn-danger prepend-left-10" do = link_to profile_gpg_key_path(key), data: { confirm: _('Are you sure? Removing this GPG key does not affect already signed commits.') }, method: :delete, class: "btn btn-danger gl-ml-3" do
%span.sr-only= _('Remove') %span.sr-only= _('Remove')
= icon('trash') = icon('trash')
= link_to revoke_profile_gpg_key_path(key), data: { confirm: _('Are you sure? All commits that were signed with this GPG key will be unverified.') }, method: :put, class: "btn btn-danger prepend-left-10" do = link_to revoke_profile_gpg_key_path(key), data: { confirm: _('Are you sure? All commits that were signed with this GPG key will be unverified.') }, method: :put, class: "btn btn-danger gl-ml-3" do
%span.sr-only= _('Revoke') %span.sr-only= _('Revoke')
= _('Revoke') = _('Revoke')
...@@ -26,6 +26,6 @@ ...@@ -26,6 +26,6 @@
%span.key-created-at %span.key-created-at
= s_('Profiles|Created %{time_ago}'.html_safe) % { time_ago:time_ago_with_tooltip(key.created_at)} = s_('Profiles|Created %{time_ago}'.html_safe) % { time_ago:time_ago_with_tooltip(key.created_at)}
- if key.can_delete? - if key.can_delete?
= link_to path_to_key(key, is_admin), data: { confirm: _('Are you sure?')}, method: :delete, class: "btn btn-transparent prepend-left-10 align-baseline" do = link_to path_to_key(key, is_admin), data: { confirm: _('Are you sure?')}, method: :delete, class: "btn btn-transparent gl-ml-3 align-baseline" do
%span.sr-only= _('Remove') %span.sr-only= _('Remove')
= sprite_icon('remove', size: 16) = sprite_icon('remove', size: 16)
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
- if branch.name != @repository.root_ref - if branch.name != @repository.root_ref
= link_to project_compare_index_path(@project, from: @repository.root_ref, to: branch.name), = link_to project_compare_index_path(@project, from: @repository.root_ref, to: branch.name),
class: "btn btn-default js-onboarding-compare-branches #{'prepend-left-10' unless merge_project}", class: "btn btn-default js-onboarding-compare-branches #{'gl-ml-3' unless merge_project}",
method: :post, method: :post,
title: s_('Branches|Compare') do title: s_('Branches|Compare') do
= s_('Branches|Compare') = s_('Branches|Compare')
......
...@@ -26,6 +26,6 @@ ...@@ -26,6 +26,6 @@
&nbsp; &nbsp;
= button_tag s_("CompareBranches|Compare"), class: "btn btn-success commits-compare-btn" = button_tag s_("CompareBranches|Compare"), class: "btn btn-success commits-compare-btn"
- if @merge_request.present? - if @merge_request.present?
= link_to _("View open merge request"), project_merge_request_path(@project, @merge_request), class: 'prepend-left-10 btn' = link_to _("View open merge request"), project_merge_request_path(@project, @merge_request), class: 'gl-ml-3 btn'
- elsif create_mr_button? - elsif create_mr_button?
= link_to _("Create merge request"), create_mr_path, class: 'prepend-left-10 btn' = link_to _("Create merge request"), create_mr_path, class: 'gl-ml-3 btn'
...@@ -7,6 +7,6 @@ ...@@ -7,6 +7,6 @@
%h4.gl-mt-0 %h4.gl-mt-0
Request details Request details
.col-lg-9 .col-lg-9
= link_to 'Resend Request', @hook_log.present.retry_path, method: :post, class: "btn btn-default float-right prepend-left-10" = link_to 'Resend Request', @hook_log.present.retry_path, method: :post, class: "btn btn-default float-right gl-ml-3"
= render partial: 'shared/hook_logs/content', locals: { hook_log: @hook_log } = render partial: 'shared/hook_logs/content', locals: { hook_log: @hook_log }
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
.modal-body .modal-body
.modal-subheader .modal-subheader
= icon('check', { class: 'checkmark' }) = icon('check', { class: 'checkmark' })
%strong.prepend-left-10 %strong.gl-ml-3
- issues_count = issuables_count_for_state(:issues, params[:state]) - issues_count = issuables_count_for_state(:issues, params[:state])
= n_('%d issue selected', '%d issues selected', issues_count) % issues_count = n_('%d issue selected', '%d issues selected', issues_count) % issues_count
.modal-text .modal-text
......
...@@ -52,5 +52,5 @@ ...@@ -52,5 +52,5 @@
= render 'shared/empty_states/labels' = render 'shared/empty_states/labels'
%template#js-badge-item-template %template#js-badge-item-template
%li.label-link-item.js-priority-badge.inline.prepend-left-10 %li.label-link-item.js-priority-badge.inline.gl-ml-3
.label-badge.label-badge-blue= _('Prioritized label') .label-badge.label-badge-blue= _('Prioritized label')
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
= link_to project_repository_path(@project), method: :post, class: 'btn btn-primary' do = link_to project_repository_path(@project), method: :post, class: 'btn btn-primary' do
#{ _('Create empty repository') } #{ _('Create empty repository') }
%strong.prepend-left-10.gl-mr-3 or %strong.gl-ml-3.gl-mr-3 or
= link_to new_project_import_path(@project), class: 'btn' do = link_to new_project_import_path(@project), class: 'btn' do
#{ _('Import repository') } #{ _('Import repository') }
......
...@@ -38,5 +38,5 @@ ...@@ -38,5 +38,5 @@
- if can?(current_user, :admin_tag, @project) - if can?(current_user, :admin_tag, @project)
= link_to edit_project_tag_release_path(@project, tag.name), class: 'btn btn-edit has-tooltip', title: s_('TagsPage|Edit release notes'), data: { container: "body" } do = link_to edit_project_tag_release_path(@project, tag.name), class: 'btn btn-edit has-tooltip', title: s_('TagsPage|Edit release notes'), data: { container: "body" } do
= icon("pencil") = icon("pencil")
= link_to project_tag_path(@project, tag.name), class: "btn btn-remove remove-row has-tooltip prepend-left-10 #{protected_tag?(@project, tag) ? 'disabled' : ''}", title: s_('TagsPage|Delete tag'), method: :delete, data: { confirm: s_('TagsPage|Deleting the %{tag_name} tag cannot be undone. Are you sure?') % { tag_name: tag.name }, container: 'body' }, remote: true do = link_to project_tag_path(@project, tag.name), class: "btn btn-remove remove-row has-tooltip gl-ml-3 #{protected_tag?(@project, tag) ? 'disabled' : ''}", title: s_('TagsPage|Delete tag'), method: :delete, data: { confirm: s_('TagsPage|Deleting the %{tag_name} tag cannot be undone. Are you sure?') % { tag_name: tag.name }, container: 'body' }, remote: true do
= icon("trash-o") = icon("trash-o")
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
- if @path.present? - if @path.present?
%tr.tree-item %tr.tree-item
%td.tree-item-file-name %td.tree-item-file-name
= link_to "..", project_tree_path(@project, up_dir_path), class: 'prepend-left-10' = link_to "..", project_tree_path(@project, up_dir_path), class: 'gl-ml-3'
%td %td
%td.d-none.d-sm-table-cell %td.d-none.d-sm-table-cell
......
...@@ -20,6 +20,6 @@ ...@@ -20,6 +20,6 @@
= link_to_label(label, type: :merge_request) { _('Merge requests') } = link_to_label(label, type: :merge_request) { _('Merge requests') }
- if force_priority - if force_priority
&middot; &middot;
%li.label-link-item.priority-badge.js-priority-badge.inline.prepend-left-10 %li.label-link-item.priority-badge.js-priority-badge.inline.gl-ml-3
.label-badge.label-badge-blue= _('Prioritized label') .label-badge.label-badge-blue= _('Prioritized label')
= render_if_exists 'shared/label_row_epics_link', label: label = render_if_exists 'shared/label_row_epics_link', label: label
.dropdown.inline.prepend-left-10 .dropdown.inline.gl-ml-3
%button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } } %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
%span.light %span.light
- if @sort.present? - if @sort.present?
......
.dropdown.prepend-left-10#js-add-list .dropdown.gl-ml-3#js-add-list
%button.btn.btn-success.btn-inverted.js-new-board-list{ type: "button", data: board_list_data } %button.btn.btn-success.btn-inverted.js-new-board-list{ type: "button", data: board_list_data }
Add list Add list
.dropdown-menu.dropdown-extended-height.dropdown-menu-paging.dropdown-menu-right.dropdown-menu-issues-board-new.dropdown-menu-selectable.js-tab-container-labels .dropdown-menu.dropdown-extended-height.dropdown-menu-paging.dropdown-menu-right.dropdown-menu-issues-board-new.dropdown-menu-selectable.js-tab-container-labels
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
- if defined? warn_before_close - if defined? warn_before_close
- add_blocked_class = !issuable.closed? && warn_before_close - add_blocked_class = !issuable.closed? && warn_before_close
.float-left.btn-group.prepend-left-10.issuable-close-dropdown.droplab-dropdown.js-issuable-close-dropdown .float-left.btn-group.gl-ml-3.issuable-close-dropdown.droplab-dropdown.js-issuable-close-dropdown
%button{ class: "#{button_class} btn-#{button_action} #{(add_blocked_class ? 'btn-issue-blocked' : '')}", data: { qa_selector: 'close_issue_button', endpoint: close_reopen_issuable_path(issuable) } } %button{ class: "#{button_class} btn-#{button_action} #{(add_blocked_class ? 'btn-issue-blocked' : '')}", data: { qa_selector: 'close_issue_button', endpoint: close_reopen_issuable_path(issuable) } }
#{display_button_action} #{display_issuable_type} #{display_button_action} #{display_issuable_type}
......
...@@ -135,7 +135,7 @@ ...@@ -135,7 +135,7 @@
%li.filter-dropdown-item %li.filter-dropdown-item
%button.btn.btn-link{ type: 'button' } %button.btn.btn-link{ type: 'button' }
%gl-emoji %gl-emoji
%span.js-data-value.prepend-left-10 %span.js-data-value.gl-ml-3
{{name}} {{name}}
#js-dropdown-wip.filtered-search-input-dropdown-menu.dropdown-menu #js-dropdown-wip.filtered-search-input-dropdown-menu.dropdown-menu
%ul.filter-dropdown{ data: { dropdown: true } } %ul.filter-dropdown{ data: { dropdown: true } }
...@@ -172,7 +172,7 @@ ...@@ -172,7 +172,7 @@
- if user_can_admin_list - if user_can_admin_list
= render 'shared/issuable/board_create_list_dropdown', board: board = render 'shared/issuable/board_create_list_dropdown', board: board
- if @project - if @project
#js-add-issues-btn.prepend-left-10{ data: { can_admin_list: can?(current_user, :admin_list, @project) } } #js-add-issues-btn.gl-ml-3{ data: { can_admin_list: can?(current_user, :admin_list, @project) } }
- if Feature.enabled?(:boards_with_swimlanes, @group) - if Feature.enabled?(:boards_with_swimlanes, @group)
#js-board-epics-swimlanes-toggle #js-board-epics-swimlanes-toggle
#js-toggle-focus-btn #js-toggle-focus-btn
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
- sort_title = issuable_sort_option_title(sort_value) - sort_title = issuable_sort_option_title(sort_value)
- viewing_issues = controller.controller_name == 'issues' || controller.action_name == 'issues' - viewing_issues = controller.controller_name == 'issues' || controller.action_name == 'issues'
.dropdown.inline.prepend-left-10.issue-sort-dropdown .dropdown.inline.gl-ml-3.issue-sort-dropdown
.btn-group{ role: 'group' } .btn-group{ role: 'group' }
.btn-group{ role: 'group' } .btn-group{ role: 'group' }
%button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' }, class: 'btn btn-default' } %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown', display: 'static' }, class: 'btn btn-default' }
......
.banner-callout.compact.milestone-deprecation-message.js-milestone-deprecation-message.prepend-top-20 .banner-callout.compact.milestone-deprecation-message.js-milestone-deprecation-message.prepend-top-20
.banner-graphic= image_tag 'illustrations/milestone_removing-page.svg' .banner-graphic= image_tag 'illustrations/milestone_removing-page.svg'
.banner-body.prepend-left-10.gl-mr-3 .banner-body.gl-ml-3.gl-mr-3
%h5.banner-title.gl-mt-0= _('This page will be removed in a future release.') %h5.banner-title.gl-mt-0= _('This page will be removed in a future release.')
%p.milestone-banner-text= _('Use group milestones to manage issues from multiple projects in the same milestone.') %p.milestone-banner-text= _('Use group milestones to manage issues from multiple projects in the same milestone.')
= button_tag _('Promote these project milestones into a group milestone.'), class: 'btn btn-link js-popover-link text-align-left milestone-banner-link' = button_tag _('Promote these project milestones into a group milestone.'), class: 'btn btn-link js-popover-link text-align-left milestone-banner-link'
......
- unless can?(current_user, :push_code, @project) - unless can?(current_user, :push_code, @project)
.inline.prepend-left-10 .inline.gl-ml-3
- if @project.branch_allows_collaboration?(current_user, selected_branch) - if @project.branch_allows_collaboration?(current_user, selected_branch)
= commit_in_single_accessible_branch = commit_in_single_accessible_branch
- else - else
......
...@@ -33,7 +33,7 @@ export default { ...@@ -33,7 +33,7 @@ export default {
<template> <template>
<div <div
class="board-swimlanes-toggle-wrapper gl-display-flex gl-align-items-center prepend-left-10" class="board-swimlanes-toggle-wrapper gl-display-flex gl-align-items-center gl-ml-3"
data-testid="toggle-swimlanes" data-testid="toggle-swimlanes"
> >
<span <span
......
...@@ -30,7 +30,7 @@ export default boardsStore => { ...@@ -30,7 +30,7 @@ export default boardsStore => {
showPage: page => boardsStore.showPage(page), showPage: page => boardsStore.showPage(page),
}, },
template: ` template: `
<div class="prepend-left-10"> <div class="gl-ml-3">
<button <button
v-tooltip v-tooltip
:title="tooltipTitle" :title="tooltipTitle"
......
...@@ -34,7 +34,7 @@ export default () => ...@@ -34,7 +34,7 @@ export default () =>
}, },
}, },
template: ` template: `
<div class="board-labels-toggle-wrapper d-flex align-items-center prepend-left-10"> <div class="board-labels-toggle-wrapper d-flex align-items-center gl-ml-3">
<local-storage-sync storage-key="gl-show-board-labels" :value="JSON.stringify(isShowingLabels)" @input="onStorageUpdate" /> <local-storage-sync storage-key="gl-show-board-labels" :value="JSON.stringify(isShowingLabels)" @input="onStorageUpdate" />
<gl-toggle <gl-toggle
:value="isShowingLabels" :value="isShowingLabels"
......
...@@ -40,7 +40,7 @@ export default { ...@@ -40,7 +40,7 @@ export default {
<strong>{{ node.name }}</strong> <strong>{{ node.name }}</strong>
<gl-loading-icon <gl-loading-icon
v-if="nodeDetailsLoading || node.nodeActionActive" v-if="nodeDetailsLoading || node.nodeActionActive"
class="node-details-loading prepend-left-10 inline" class="node-details-loading gl-ml-3 inline"
/> />
<icon <icon
v-if="showNodeWarningIcon" v-if="showNodeWarningIcon"
......
...@@ -11,5 +11,5 @@ ...@@ -11,5 +11,5 @@
= icon("refresh") = icon("refresh")
Sync now Sync now
- if @group.ldap_sync_ready? && @group.ldap_sync_last_successful_update_at - if @group.ldap_sync_ready? && @group.ldap_sync_last_successful_update_at
%p.inline.prepend-left-10 %p.inline.gl-ml-3
Successfully synced #{time_ago_with_tooltip(@group.ldap_sync_last_successful_update_at)}. Successfully synced #{time_ago_with_tooltip(@group.ldap_sync_last_successful_update_at)}.
...@@ -17,5 +17,5 @@ ...@@ -17,5 +17,5 @@
= icon("refresh") = icon("refresh")
Update Now Update Now
- if @project.mirror_last_update_succeeded? - if @project.mirror_last_update_succeeded?
%p.inline.prepend-left-10 %p.inline.gl-ml-3
Successfully updated #{time_ago_with_tooltip(@project.import_state.last_successful_update_at)}. Successfully updated #{time_ago_with_tooltip(@project.import_state.last_successful_update_at)}.
- hide_extra_sort_options = local_assigns.fetch(:hide_extra_sort_options, false) - hide_extra_sort_options = local_assigns.fetch(:hide_extra_sort_options, false)
- sorted_by = epics_sort_options_hash[@sort] - sorted_by = epics_sort_options_hash[@sort]
.dropdown.prepend-left-10 .dropdown.gl-ml-3
.btn-group.d-flex.d-md-inline-flex .btn-group.d-flex.d-md-inline-flex
%button.btn.dropdown-toggle.epics-sort-btn{ type: 'button', data: { toggle: 'dropdown' } } %button.btn.dropdown-toggle.epics-sort-btn{ type: 'button', data: { toggle: 'dropdown' } }
= sorted_by = sorted_by
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
- milestone_lists_available = board.resource_parent.feature_available?(:board_milestone_lists) - milestone_lists_available = board.resource_parent.feature_available?(:board_milestone_lists)
- if assignee_lists_available || milestone_lists_available - if assignee_lists_available || milestone_lists_available
.dropdown.boards-add-list.prepend-left-10#js-add-list .dropdown.boards-add-list.gl-ml-3#js-add-list
%button.btn.btn-success.btn-inverted.d-flex.js-new-board-list{ type: "button", data: board_list_data } %button.btn.btn-success.btn-inverted.d-flex.js-new-board-list{ type: "button", data: board_list_data }
%span Add list %span Add list
= sprite_icon('chevron-down', size: 16, css_class: 'gl-ml-2 btn-success-board-list-chevron') = sprite_icon('chevron-down', size: 16, css_class: 'gl-ml-2 btn-success-board-list-chevron')
......
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