Commit 9bcf8f43 authored by Clement Ho's avatar Clement Ho

[skip ci] Replace hidden-xs

parent 35991d16
......@@ -45,7 +45,7 @@
<template>
<div>
<div class="float-left append-right-10 hidden-xs">
<div class="float-left append-right-10 d-none d-sm-block">
<i
aria-hidden="true"
class="fa fa-key key-icon"
......
......@@ -99,7 +99,7 @@ export default {
/>
</div>
<div
class="avatar-container prepend-top-8 prepend-left-5 s24 hidden-xs"
class="avatar-container prepend-top-8 prepend-left-5 s24 d-none d-sm-block"
:class="{ 'content-loading': group.isChildrenLoading }"
>
<a
......
......@@ -31,7 +31,7 @@
/>
</td>
<td class="hidden-xs">
<td class="d-none d-sm-block">
<skeleton-loading-container
class="animation-container-right"
:small="true"
......
......@@ -1659,7 +1659,7 @@ export default class Notes {
<div class="note-header">
<div class="note-header-info">
<a href="/${_.escape(currentUsername)}">
<span class="hidden-xs">${_.escape(
<span class="d-none d-sm-block">${_.escape(
currentUsername,
)}</span>
<span class="note-headline-light">${_.escape(
......@@ -1678,7 +1678,7 @@ export default class Notes {
</li>`,
);
$tempNote.find('.hidden-xs').text(_.escape(currentUserFullname));
$tempNote.find('.d-none.d-sm-block').text(_.escape(currentUserFullname));
$tempNote
.find('.note-headline-light')
.text(`@${_.escape(currentUsername)}`);
......
......@@ -46,7 +46,7 @@
<template>
<div
class="search-input-container hidden-xs"
class="search-input-container d-none d-sm-block"
>
<input
type="search"
......
......@@ -89,7 +89,7 @@
css-class="btn-secondary btn-transparent btn-clipboard"
/>
<div class="controls hidden-xs float-right">
<div class="controls d-none d-sm-block float-right">
<button
v-if="repo.canDelete"
type="button"
......
......@@ -118,7 +118,7 @@
<button
v-if="item.canDelete"
type="button"
class="js-delete-registry btn btn-danger hidden-xs float-right"
class="js-delete-registry btn btn-danger d-none d-sm-block float-right"
:title="s__('ContainerRegistry|Remove tag')"
:aria-label="s__('ContainerRegistry|Remove tag')"
data-container="body"
......
......@@ -54,7 +54,7 @@
<div class="note-header">
<div class="note-header-info">
<a :href="getUserData.path">
<span class="hidden-xs">{{ getUserData.name }}</span>
<span class="d-none d-sm-block">{{ getUserData.name }}</span>
<span class="note-headline-light">@{{ getUserData.username }}</span>
</a>
</div>
......
......@@ -4,7 +4,7 @@ def author_avatar(commit_or_event, options = {})
user: commit_or_event.author,
user_name: commit_or_event.author_name,
user_email: commit_or_event.author_email,
css_class: 'hidden-xs'
css_class: 'd-none d-sm-block'
}))
end
......
......@@ -131,7 +131,7 @@ def issuable_meta(issuable, project, text)
output = ""
output << "Opened #{time_ago_with_tooltip(issuable.created_at)} by ".html_safe
output << content_tag(:strong) do
author_output = link_to_member(project, issuable.author, size: 24, mobile_classes: "hidden-xs", tooltip: true)
author_output = link_to_member(project, issuable.author, size: 24, mobile_classes: "d-none d-sm-block", tooltip: true)
author_output << link_to_member(project, issuable.author, size: 24, by_username: true, avatar: false, mobile_classes: "d-block d-sm-none")
end
......
......@@ -20,7 +20,7 @@
= visibility_level_icon(group.visibility_level, fw: false)
.avatar-container.s40
= group_icon(group, class: "avatar s40 hidden-xs")
= group_icon(group, class: "avatar s40 d-none d-sm-block")
.title
= link_to [:admin, group], class: 'group-name' do
= group.full_name
......
......@@ -18,7 +18,7 @@
%tr
%td
= render partial: 'shared/hook_logs/status_label', locals: { hook_log: hook_log }
%td.hidden-xs
%td.d-none.d-sm-block
%span.label.label-gray.deploy-project-label
= hook_log.trigger.singularize.titleize
%td
......
......@@ -8,5 +8,5 @@
Explore snippets
- if current_user
.nav-controls.hidden-xs
.nav-controls.d-none.d-sm-block
= link_to "New snippet", new_snippet_path, class: "btn btn-new", title: "New snippet"
......@@ -8,7 +8,7 @@
= brand_header_logo
- logo_text = brand_header_logo_type
- if logo_text.present?
%span.logo-text.hidden-xs
%span.logo-text.d-none.d-sm-block
= logo_text
- if current_user
......
......@@ -8,7 +8,7 @@
= render "layouts/nav/projects_dropdown/show"
- if dashboard_nav_link?(:groups)
= nav_link(controller: ['dashboard/groups', 'explore/groups'], html_options: { class: "hidden-xs" }) do
= nav_link(controller: ['dashboard/groups', 'explore/groups'], html_options: { class: "d-none d-sm-block" }) do
= link_to dashboard_groups_path, class: 'dashboard-shortcuts-groups qa-groups-link', title: 'Groups' do
Groups
......@@ -61,13 +61,13 @@
Projects
- if current_controller?('ide')
%li.line-separator.hidden-xs
%li.line-separator.d-none.d-sm-block
= nav_link(controller: 'ide') do
= link_to '#', class: 'dashboard-shortcuts-web-ide', title: 'Web IDE' do
Web IDE
- if current_user.admin? || Gitlab::Sherlock.enabled?
%li.line-separator.hidden-xs
%li.line-separator.d-none.d-sm-block
- if current_user.admin?
= nav_link(controller: 'admin/dashboard') do
= link_to admin_root_path, class: 'admin-icon qa-admin-area-link', title: 'Admin area', aria: { label: "Admin area" }, data: {toggle: 'tooltip', placement: 'bottom', container: 'body'} do
......
%li.key-list-item
.float-left.append-right-10
= icon 'key', class: "settings-list-icon hidden-xs"
= icon 'key', class: "settings-list-icon d-none d-sm-block"
.key-list-item-info
- key.emails_with_verified_status.map do |email, verified|
= render partial: 'shared/email_with_badge', locals: { email: email, verified: verified }
......
%li.key-list-item
.float-left.append-right-10
- if key.valid?
= icon 'key', class: 'settings-list-icon hidden-xs'
= icon 'key', class: 'settings-list-icon d-none d-sm-block'
- else
= icon 'exclamation-triangle', class: 'settings-list-icon hidden-xs has-tooltip',
= icon 'exclamation-triangle', class: 'settings-list-icon d-none d-sm-block has-tooltip',
title: key.errors.full_messages.join(', ')
......
......@@ -37,7 +37,7 @@
= render 'projects/buttons/star'
= render 'projects/buttons/fork'
%span.hidden-xs
%span.d-none.d-sm-block
- if can?(current_user, :download_code, @project)
.project-clone-holder
= render "shared/clone_panel"
......
......@@ -18,7 +18,7 @@
.email-modal-input-group.input-group
= text_field_tag :issuable_email, email, class: "monospace js-select-on-focus form-control", readonly: true
.input-group-btn
= clipboard_button(target: '#issuable_email', class: 'btn btn-clipboard btn-transparent hidden-xs')
= clipboard_button(target: '#issuable_email', class: 'btn btn-clipboard btn-transparent d-none d-sm-block')
= mail_to email, class: 'btn btn-clipboard btn-transparent',
subject: _("Enter the #{name} title"),
body: _("Enter the #{name} description"),
......
- event = last_push_event
- if event && show_last_push_widget?(event)
.row-content-block.top-block.hidden-xs.white
.row-content-block.top-block.d-none.d-sm-block.white
.event-last-push
.event-last-push-text
%span= s_("LastPushEvent|You pushed to")
......
......@@ -22,7 +22,7 @@
.js-file-title.file-title-flex-parent
= render 'projects/blob/header_content', blob: blob
.file-actions.hidden-xs
.file-actions.d-none.d-sm-block
= render 'projects/blob/viewer_switcher', blob: blob
.btn-group{ role: "group" }<
......
= render "projects/blob/breadcrumb", blob: blob
.info-well.hidden-xs
.info-well.d-none.d-sm-block
.well-segment
%ul.blob-commit-info
= render 'projects/commits/commit', commit: @last_commit, project: @project, ref: @ref
......
......@@ -40,7 +40,7 @@
.bar.bar-ahead{ style: "width: #{number_commits_ahead * bar_graph_width_factor}%" }
%span.count.count-ahead= diverging_count_label(number_commits_ahead)
.controls.hidden-xs<
.controls.d-none.d-sm-block<
- if merge_project && create_mr_button?(@repository.root_ref, branch.name)
= link_to create_mr_path(@repository.root_ref, branch.name), class: 'btn btn-secondary' do
= _('Merge request')
......
......@@ -5,7 +5,7 @@
#{ s_('CommitBoxTitle|Commit') }
%span.commit-sha= @commit.short_id
= clipboard_button(text: @commit.id, title: _("Copy commit SHA to clipboard"))
%span.hidden-xs authored
%span.d-none.d-sm-block authored
#{time_ago_with_tooltip(@commit.authored_date)}
%span= s_('ByAuthor|by')
= author_avatar(@commit, size: 24)
......@@ -19,7 +19,7 @@
.header-action-buttons
- if defined?(@notes_count) && @notes_count > 0
%span.btn.disabled.btn-grouped.hidden-xs.append-right-10
%span.btn.disabled.btn-grouped.d-none.d-sm-block.append-right-10
= icon('comment')
= @notes_count
= link_to project_tree_path(@project, @commit), class: "btn btn-secondary append-right-10 d-none d-sm-none d-md-block" do
......
......@@ -17,7 +17,7 @@
= cache(cache_key, expires_in: 1.day) do
%li.commit.flex-row.js-toggle-container{ id: "commit-#{commit.short_id}" }
.avatar-cell.hidden-xs
.avatar-cell.d-none.d-sm-block
= author_avatar(commit, size: 36)
.commit-detail.flex-list
......@@ -33,7 +33,7 @@
.d-block.d-sm-none
= render_commit_status(commit, ref: ref)
- if commit.description?
%button.text-expander.hidden-xs.js-toggle-button{ type: "button" } ...
%button.text-expander.d-none.d-sm-block.js-toggle-button{ type: "button" } ...
- if commit.description?
%pre.commit-row-description.js-toggle-content
......@@ -45,7 +45,7 @@
- commit_text = _('%{commit_author_link} authored %{commit_timeago}') % { commit_author_link: commit_author_link, commit_timeago: commit_timeago }
#{ commit_text.html_safe }
.commit-actions.flex-row.hidden-xs
.commit-actions.flex-row.d-none.d-sm-block
- if request.xhr?
= render partial: 'projects/commit/signature', object: commit.signature
- else
......
......@@ -11,11 +11,11 @@
= link_to 'Expand all', url_for(params.merge(expanded: 1, format: nil)), class: 'btn btn-secondary'
- if show_whitespace_toggle
- if current_controller?(:commit)
= commit_diff_whitespace_link(diffs.project, @commit, class: 'hidden-xs')
= commit_diff_whitespace_link(diffs.project, @commit, class: 'd-none d-sm-block')
- elsif current_controller?('projects/merge_requests/diffs')
= diff_merge_request_whitespace_link(diffs.project, @merge_request, class: 'hidden-xs')
= diff_merge_request_whitespace_link(diffs.project, @merge_request, class: 'd-none d-sm-block')
- elsif current_controller?(:compare)
= diff_compare_whitespace_link(diffs.project, params[:from], params[:to], class: 'hidden-xs')
= diff_compare_whitespace_link(diffs.project, params[:from], params[:to], class: 'd-none d-sm-block')
.btn-group
= inline_diff_btn
= parallel_diff_btn
......
......@@ -10,7 +10,7 @@
- unless diff_file.submodule?
- blob = diff_file.blob
.file-actions.hidden-xs
.file-actions.d-none.d-sm-block
- if blob&.readable_text?
= link_to '#', class: 'js-toggle-diff-comments btn active has-tooltip', title: "Toggle comments for this file", disabled: @diff_notes_disabled do
= icon('comment')
......
......@@ -18,7 +18,7 @@
%tr
%td
= render partial: 'shared/hook_logs/status_label', locals: { hook_log: hook_log }
%td.hidden-xs
%td.d-none.d-sm-block
%span.label.label-gray.deploy-project-label
= hook_log.trigger.singularize.titleize
%td
......
......@@ -12,25 +12,25 @@
= confidential_icon(issue)
= link_to issue.title, issue_path(issue)
- if issue.tasks?
%span.task-status.hidden-xs
%span.task-status.d-none.d-sm-block
&nbsp;
= issue.task_status
.issuable-info
%span.issuable-reference
#{issuable_reference(issue)}
%span.issuable-authored.hidden-xs
%span.issuable-authored.d-none.d-sm-block
&middot;
opened #{time_ago_with_tooltip(issue.created_at, placement: 'bottom')}
by #{link_to_member(@project, issue.author, avatar: false)}
- if issue.milestone
%span.issuable-milestone.hidden-xs
%span.issuable-milestone.d-none.d-sm-block
&nbsp;
= link_to project_issues_path(issue.project, milestone_title: issue.milestone.title), data: { html: 1, toggle: 'tooltip', title: issuable_milestone_tooltip_title(issue) } do
= icon('clock-o')
= issue.milestone.title
- if issue.due_date
%span.issuable-due-date.hidden-xs.has-tooltip{ class: "#{'cred' if issue.overdue?}", title: _('Due date') }
%span.issuable-due-date.d-none.d-sm-block.has-tooltip{ class: "#{'cred' if issue.overdue?}", title: _('Due date') }
&nbsp;
= icon('calendar')
= issue.due_date.to_s(:medium)
......@@ -50,5 +50,5 @@
= render 'shared/issuable_meta_data', issuable: issue
.float-right.issuable-updated-at.hidden-xs
.float-right.issuable-updated-at.d-none.d-sm-block
%span updated #{time_ago_with_tooltip(issue.updated_at, placement: 'bottom', html_class: 'issue_update_ago')}
......@@ -12,11 +12,11 @@
.detail-page-header-body
.issuable-status-box.status-box.status-box-issue-closed{ class: issue_button_visibility(@issue, false) }
= sprite_icon('mobile-issue-close', size: 16, css_class: 'd-block d-sm-none')
%span.hidden-xs
%span.d-none.d-sm-block
Closed
.issuable-status-box.status-box.status-box-open{ class: issue_button_visibility(@issue, true) }
= sprite_icon('issue-open-m', size: 16, css_class: 'd-block d-sm-none')
%span.hidden-xs Open
%span.d-none.d-sm-block Open
.issuable-meta
- if @issue.confidential
......
by
%a{ href: user_path(@build.user) }
%span.hidden-xs
%span.d-none.d-sm-block
= image_tag avatar_icon_for_user(@build.user, 24), class: "avatar s24"
%strong{ data: { toggle: 'tooltip', placement: 'top', title: @build.user.to_reference } }
= @build.user.name
......
......@@ -58,7 +58,7 @@
- if @build.has_trace?
.build-trace-container.prepend-top-default
.top-bar.js-top-bar
.js-truncated-info.truncated-info.hidden-xs.float-left.hidden<
.js-truncated-info.truncated-info.d-none.d-sm-block.float-left.hidden<
Showing last
%span.js-truncated-info-size.truncated-info-size><
of log -
......
......@@ -9,19 +9,19 @@
%span.merge-request-title-text
= link_to merge_request.title, merge_request_path(merge_request)
- if merge_request.tasks?
%span.task-status.hidden-xs
%span.task-status.d-none.d-sm-block
&nbsp;
= merge_request.task_status
.issuable-info
%span.issuable-reference
#{issuable_reference(merge_request)}
%span.issuable-authored.hidden-xs
%span.issuable-authored.d-none.d-sm-block
&middot;
opened #{time_ago_with_tooltip(merge_request.created_at, placement: 'bottom')}
by #{link_to_member(@project, merge_request.author, avatar: false)}
- if merge_request.milestone
%span.issuable-milestone.hidden-xs
%span.issuable-milestone.d-none.d-sm-block
&nbsp;
= link_to project_merge_requests_path(merge_request.project, milestone_title: merge_request.milestone.title), data: { html: 1, toggle: 'tooltip', title: issuable_milestone_tooltip_title(merge_request) } do
= icon('clock-o')
......@@ -40,17 +40,17 @@
.issuable-meta
%ul.controls
- if merge_request.merged?
%li.issuable-status.hidden-xs
%li.issuable-status.d-none.d-sm-block
MERGED
- elsif merge_request.closed?
%li.issuable-status.hidden-xs
%li.issuable-status.d-none.d-sm-block
= icon('ban')
CLOSED
- if merge_request.head_pipeline
%li.issuable-pipeline-status.hidden-xs
%li.issuable-pipeline-status.d-none.d-sm-block
= render_pipeline_status(merge_request.head_pipeline)
- if merge_request.open? && merge_request.broken?
%li.issuable-pipeline-broken.hidden-xs
%li.issuable-pipeline-broken.d-none.d-sm-block
= link_to merge_request_path(merge_request), class: "has-tooltip", title: _('Cannot be merged automatically') do
= icon('exclamation-triangle')
- if merge_request.assignee
......@@ -59,5 +59,5 @@
= render 'shared/issuable_meta_data', issuable: merge_request
.float-right.issuable-updated-at.hidden-xs
.float-right.issuable-updated-at.d-none.d-sm-block
%span updated #{time_ago_with_tooltip(merge_request.updated_at, placement: 'bottom', html_class: 'merge_request_updated_ago')}
......@@ -8,7 +8,7 @@
.detail-page-header-body
.issuable-status-box.status-box{ class: status_box_class(@merge_request) }
= sprite_icon(@merge_request.state_icon_name, size: 16, css_class: 'd-block d-sm-none')
%span.hidden-xs
%span.d-none.d-sm-block
= @merge_request.state_human_name
.issuable-meta
......
- if @commit
.info-well.hidden-xs.prepend-top-default
.info-well.d-none.d-sm-block.prepend-top-default
.well-segment
%ul.blob-commit-info
= render 'projects/commits/commit', commit: @commit, merge_request: @merge_request, view_details: true
......@@ -31,15 +31,15 @@
%ul.nav-links.gitlab-tabs{ role: 'tablist' }
%li{ class: active_when(active_tab == 'blank'), role: 'presentation' }
%a{ href: '#blank-project-pane', id: 'blank-project-tab', data: { toggle: 'tab' }, role: 'tab' }
%span.hidden-xs Blank project
%span.d-none.d-sm-block Blank project
%span.visible-xs Blank
%li{ class: active_when(active_tab == 'template'), role: 'presentation' }
%a{ href: '#create-from-template-pane', id: 'create-from-template-tab', data: { toggle: 'tab' }, role: 'tab' }
%span.hidden-xs Create from template
%span.d-none.d-sm-block Create from template
%span.visible-xs Template
%li{ class: active_when(active_tab == 'import'), role: 'presentation' }
%a{ href: '#import-project-pane', id: 'import-project-tab', data: { toggle: 'tab' }, role: 'tab' }
%span.hidden-xs Import project
%span.d-none.d-sm-block Import project
%span.visible-xs Import
.tab-content.gitlab-tab-content
......
......@@ -31,7 +31,7 @@
.input-group
= text_field_tag :domain_dns, dns_record , class: "monospace js-select-on-focus form-control", readonly: true
.input-group-btn
= clipboard_button(target: '#domain_dns', class: 'btn-default hidden-xs')
= clipboard_button(target: '#domain_dns', class: 'btn-default d-none d-sm-block')
%p.help-block
To access this domain create a new DNS record
......@@ -51,7 +51,7 @@
.input-group
= text_field_tag :domain_verification, verification_record, class: "monospace js-select-on-focus form-control", readonly: true
.input-group-btn
= clipboard_button(target: '#domain_verification', class: 'btn-default hidden-xs')
= clipboard_button(target: '#domain_verification', class: 'btn-default d-none d-sm-block')
%p.help-block
- help_link = help_page_path('user/project/pages/getting_started_part_three.md', anchor: 'dns-txt-record')
To #{link_to 'verify ownership', help_link} of your domain,
......
......@@ -24,7 +24,7 @@
\-
- if can?(current_user, :update_container_image, @project)
%td.content
.controls.hidden-xs.float-right
.controls.d-none.d-sm-block.float-right
= link_to project_registry_repository_tag_path(@project, tag.repository, tag.name),
method: :delete,
class: 'btn btn-remove has-tooltip',
......
......@@ -8,13 +8,13 @@
%colgroup
%col
%col
%col.hidden-xs
%col.d-none.d-sm-block
%col{ width: "120" }
%thead
%tr
%th
%th Service
%th.hidden-xs Description
%th.d-none.d-sm-block Description
%th Last edit
- @services.sort_by(&:title).each do |service|
%tr
......@@ -23,7 +23,7 @@
%td
= link_to edit_project_service_path(@project, service.to_param) do
%strong= service.title
%td.hidden-xs
%td.d-none.d-sm-block
= service.description
%td.light
- if service.updated_at.present?
......
- return unless current_user
.hidden-xs
.d-none.d-sm-block
- if can?(current_user, :update_project_snippet, @snippet)
= link_to edit_project_snippet_path(@project, @snippet), class: "btn btn-grouped" do
Edit
......
......@@ -7,6 +7,6 @@
%span= file_name
- if is_lfs_blob
%span.label.label-lfs.prepend-left-5 LFS
%td.hidden-xs.tree-commit
%td.d-none.d-sm-block.tree-commit
%td.tree-time-ago.cgray.text-right
= render 'projects/tree/spinner'
......@@ -3,4 +3,4 @@
%i.fa.fa-archive.fa-fw
= submodule_link(submodule_item, @ref)
%td
%td.hidden-xs
%td.d-none.d-sm-block
......@@ -4,7 +4,7 @@
%thead
%tr
%th= s_('ProjectFileTree|Name')
%th.hidden-xs
%th.d-none.d-sm-block
.float-left= _('Last commit')
%th.text-right= _('Last update')
- if @path.present?
......@@ -12,7 +12,7 @@
%td.tree-item-file-name
= link_to "..", project_tree_path(@project, up_dir_path), class: 'prepend-left-10'
%td
%td.hidden-xs
%td.d-none.d-sm-block
= render_tree(tree)
......
......@@ -4,6 +4,6 @@
- path = flatten_tree(@path, tree_item)
= link_to project_tree_path(@project, tree_join(@id || @commit.id, path)), class: 'str-truncated', title: path do
%span= path
%td.hidden-xs.tree-commit
%td.d-none.d-sm-block.tree-commit
%td.tree-time-ago.text-right
= render 'projects/tree/spinner'
.info-well.hidden-xs.project-last-commit.append-bottom-default
.info-well.d-none.d-sm-block.project-last-commit.append-bottom-default
.well-segment
%ul.blob-commit-info
= render 'projects/commits/commit', commit: commit, ref: ref, project: project
......@@ -5,21 +5,21 @@
- issuable_mr = @issuable_meta_data[issuable.id].merge_requests_count