[skip ci] Replace .visible-xs-* with .d-block.d-sm-none

app/assets/javascripts/vue_shared/components/header_ci_component.vue

@@ -163,7 +163,7 @@
       <button
         v-if="hasSidebarButton"
         type="button"
-        class="btn btn-secondary visible-xs-block
+        class="btn btn-secondary d-block d-sm-none
 visible-sm-block sidebar-toggle-btn js-sidebar-build-toggle js-sidebar-build-toggle-header"
         aria-label="Toggle Sidebar"
         id="toggleSidebar"

app/views/admin/abuse_reports/_abuse_report.html.haml

 - reporter = abuse_report.reporter
 - user = abuse_report.user
 %tr
-  %th.visible-xs-block.visible-sm-block
+  %th.d-block.d-sm-none.visible-sm-block
     %strong User
   %td
     - if user
@@ -11,7 +11,7 @@
     - else
       (removed)
   %td
-    %strong.subheading.visible-xs-block.visible-sm-block Reported by
+    %strong.subheading.d-block.d-sm-none.visible-sm-block Reported by
     - if reporter
       = link_to reporter.name, reporter
     - else
@@ -19,7 +19,7 @@
     .light.small
       = time_ago_with_tooltip(abuse_report.created_at)
   %td
-    %strong.subheading.visible-xs-block.visible-sm-block Message
+    %strong.subheading.d-block.d-sm-none.visible-sm-block Message
     .message
       = markdown_field(abuse_report, :message)
   %td

app/views/layouts/header/_default.html.haml

@@ -23,7 +23,7 @@
           - if header_link?(:search)
             %li.hidden-sm.hidden-xs
               = render 'layouts/search' unless current_controller?(:search)
-            %li.visible-sm-inline-block.visible-xs-inline-block
+            %li.visible-sm-inline-block.d-block.d-sm-none-block
               = link_to search_path, title: 'Search', aria: { label: "Search" }, data: {toggle: 'tooltip', placement: 'bottom', container: 'body'} do
                 = sprite_icon('search', size: 16)
 

app/views/projects/commit/_commit_box.html.haml

@@ -29,7 +29,7 @@
         %span= _('Options')
         = icon('caret-down')
       %ul.dropdown-menu.dropdown-menu-align-right
-        %li.visible-xs-block.visible-sm-block
+        %li.d-block.d-sm-none.visible-sm-block
           = link_to project_tree_path(@project, @commit) do
             #{ _('Browse Files') }
         - unless @commit.has_been_reverted?(current_user)

app/views/projects/commits/_commit.html.haml

@@ -26,11 +26,11 @@
           = link_to commit.title, project_commit_path(project, commit.id, merge_request_iid: merge_request.iid), class: "commit-row-message item-title"
         - else
           = link_to_markdown_field(commit, :title, link, class: "commit-row-message item-title")
-        %span.commit-row-message.visible-xs-inline
+        %span.commit-row-message.d-block.d-sm-none
           ·
           = commit.short_id
         - if commit.status(ref)
-          .visible-xs-inline
+          .d-block.d-sm-none
             = render_commit_status(commit, ref: ref)
         - if commit.description?
           %button.text-expander.hidden-xs.js-toggle-button{ type: "button" } ...

app/views/projects/issues/show.html.haml

@@ -25,7 +25,7 @@
         .issuable-warning-icon.inline= sprite_icon('lock', size: 16, css_class: 'icon')
       = issuable_meta(@issue, @project, "Issue")
 
-    %a.btn.btn-secondary.float-right.visible-xs-block.gutter-toggle.issuable-gutter-toggle.js-sidebar-toggle{ href: "#" }
+    %a.btn.btn-secondary.float-right.d-block.d-sm-none.gutter-toggle.issuable-gutter-toggle.js-sidebar-toggle{ href: "#" }
       = icon('angle-double-left')
 
   .detail-page-header-actions.js-issuable-actions

app/views/projects/jobs/_header.html.haml

@@ -27,5 +27,5 @@
         = link_to "New issue", new_project_issue_path(@project, issue: build_failed_issue_options), class: 'btn btn-new btn-inverted'
       - if can?(current_user, :update_build, @build) && @build.retryable?
         = link_to "Retry job", retry_project_job_path(@project, @build), class: 'btn btn-inverted-secondary', method: :post
-    %button.btn.btn-secondary.float-right.visible-xs-block.visible-sm-block.build-gutter-toggle.js-sidebar-build-toggle{ role: "button", type: "button" }
+    %button.btn.btn-secondary.float-right.d-block.d-sm-none.visible-sm-block.build-gutter-toggle.js-sidebar-build-toggle{ role: "button", type: "button" }
       = icon('angle-double-left')

app/views/projects/jobs/_sidebar.html.haml

@@ -6,7 +6,7 @@
           = @build.name
         - if can?(current_user, :update_build, @build) && @build.retryable?
           = link_to "Retry", retry_namespace_project_job_path(@project.namespace, @project, @build), class: 'js-retry-button float-right btn btn-inverted-secondary btn-retry visible-md-block visible-lg-block', method: :post
-        %a.gutter-toggle.float-right.visible-xs-block.visible-sm-block.js-sidebar-build-toggle{ href: "#", 'aria-label': 'Toggle Sidebar', role: 'button' }
+        %a.gutter-toggle.float-right.d-block.d-sm-none.visible-sm-block.js-sidebar-build-toggle{ href: "#", 'aria-label': 'Toggle Sidebar', role: 'button' }
           = icon('angle-double-right')
 
       #js-details-block-vue

app/views/projects/jobs/_user.html.haml

@@ -4,4 +4,4 @@ by
     = 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
-  %strong.visible-xs-inline= @build.user.to_reference
+  %strong.d-block.d-sm-none= @build.user.to_reference

app/views/projects/merge_requests/_mr_title.html.haml

@@ -16,7 +16,7 @@
         .issuable-warning-icon.inline= sprite_icon('lock', size: 16, css_class: 'icon')
       = issuable_meta(@merge_request, @project, "Merge request")
 
-    %a.btn.btn-secondary.float-right.visible-xs-block.gutter-toggle.issuable-gutter-toggle.js-sidebar-toggle{ href: "#" }
+    %a.btn.btn-secondary.float-right.d-block.d-sm-none.gutter-toggle.issuable-gutter-toggle.js-sidebar-toggle{ href: "#" }
       = icon('angle-double-left')
 
   .detail-page-header-actions.js-issuable-actions

app/views/projects/milestones/show.html.haml

@@ -56,7 +56,7 @@
 
         #delete-milestone-modal
 
-      %a.btn.btn-secondary.btn-grouped.float-right.visible-xs-block.js-sidebar-toggle{ href: "#" }
+      %a.btn.btn-secondary.btn-grouped.float-right.d-block.d-sm-none.js-sidebar-toggle{ href: "#" }
         = icon('angle-double-left')
 
   .detail-page-description.milestone-detail

app/views/projects/snippets/_actions.html.haml

@@ -13,7 +13,7 @@
   - if @snippet.submittable_as_spam_by?(current_user)
     = link_to 'Submit as spam', mark_as_spam_project_snippet_path(@project, @snippet), method: :post, class: 'btn btn-grouped btn-spam', title: 'Submit as spam'
 - if can?(current_user, :create_project_snippet, @project) || can?(current_user, :update_project_snippet, @snippet)
-  .visible-xs-block.dropdown
+  .d-block.d-sm-none.dropdown
     %button.btn.btn-secondary.btn-block.append-bottom-0.prepend-top-5{ data: { toggle: "dropdown" } }
       Options
       = icon('caret-down')

app/views/projects/wikis/_sidebar.html.haml

 %aside.right-sidebar.right-sidebar-expanded.wiki-sidebar.js-wiki-sidebar.js-right-sidebar{ data: { "offset-top" => "50", "spy" => "affix" } }
   .sidebar-container
     .block.wiki-sidebar-header.append-bottom-default
-      %a.gutter-toggle.float-right.visible-xs-block.visible-sm-block.js-sidebar-wiki-toggle{ href: "#" }
+      %a.gutter-toggle.float-right.d-block.d-sm-none.visible-sm-block.js-sidebar-wiki-toggle{ href: "#" }
         = icon('angle-double-right')
 
       - git_access_url = project_wikis_git_access_path(@project)

app/views/shared/members/_group.html.haml

@@ -40,6 +40,6 @@
         method: :delete,
         data: { confirm: "Are you sure you want to remove #{group.name}?" },
         class: 'btn btn-remove prepend-left-10' do
-        %span.visible-xs-block
+        %span.d-block.d-sm-none
           Delete
         = icon('trash', class: 'hidden-xs')

app/views/shared/members/_member.html.haml

@@ -89,7 +89,7 @@
                     method: :post,
                     class: 'btn btn-success prepend-left-10',
                     title: 'Grant access' do
-            %span{ class: ('visible-xs-block' unless force_mobile_view) }
+            %span{ class: ('.d-block.d-sm-none' unless force_mobile_view) }
               Grant access
             - unless force_mobile_view
               = icon('check inverse', class: 'hidden-xs')
@@ -106,7 +106,7 @@
                       data: { confirm: remove_member_message(member) },
                       class: 'btn btn-remove prepend-left-10',
                       title: remove_member_title(member) do
-              %span{ class: ('visible-xs-block' unless force_mobile_view) }
+              %span{ class: ('.d-block.d-sm-none' unless force_mobile_view) }
                 Delete
               - unless force_mobile_view
                 = icon('trash', class: 'hidden-xs')

app/views/shared/milestones/_top.html.haml

@@ -4,7 +4,7 @@
 - group = local_assigns[:group]
 
 .detail-page-header
-  %a.btn.btn-secondary.btn-grouped.float-right.visible-xs-block.js-sidebar-toggle{ href: "#" }
+  %a.btn.btn-secondary.btn-grouped.float-right.d-block.d-sm-none.js-sidebar-toggle{ href: "#" }
     = icon('angle-double-left')
 
   .status-box{ class: "status-box-#{milestone.closed? ? 'closed' : 'open'}" }

app/views/snippets/_actions.html.haml

@@ -11,7 +11,7 @@
     New snippet
   - if @snippet.submittable_as_spam_by?(current_user)
     = link_to 'Submit as spam', mark_as_spam_snippet_path(@snippet), method: :post, class: 'btn btn-grouped btn-spam', title: 'Submit as spam'
-.visible-xs-block.dropdown
+.d-block.d-sm-none.dropdown
   %button.btn.btn-secondary.btn-block.append-bottom-0.prepend-top-5{ data: { toggle: "dropdown" } }
     Options
     = icon('caret-down')