[skip ci] Rename .hide to .d-none

app/assets/javascripts/vue_shared/components/markdown/toolbar.vue

@@ -59,7 +59,7 @@
       v-if="canAttachFile"
       class="uploading-container"
     >
-      <span class="uploading-progress-container hide">
+      <span class="uploading-progress-container d-none">
         <i
           class="fa fa-file-image-o toolbar-button-icon"
           aria-hidden="true"
@@ -75,7 +75,7 @@
           </i>
         </span>
       </span>
-      <span class="uploading-error-container hide">
+      <span class="uploading-error-container d-none">
         <span class="uploading-error-icon">
           <i
             class="fa fa-file-image-o toolbar-button-icon"
@@ -111,7 +111,7 @@
         Attach a file
       </button>
       <button
-        class="btn btn-secondary btn-xs hide button-cancel-uploading-files"
+        class="btn btn-secondary btn-xs d-none button-cancel-uploading-files"
         type="button"
       >
         Cancel

app/views/admin/broadcast_messages/_form.html.haml

@@ -18,11 +18,11 @@
   .form-group.js-toggle-colors-container
     .col-sm-10.col-sm-offset-2
       = link_to 'Customize colors', '#', class: 'js-toggle-colors-link'
-  .form-group.js-toggle-colors-container.hide
+  .form-group.js-toggle-colors-container.d-none
     = f.label :color, "Background Color", class: 'control-label'
     .col-sm-10
       = f.color_field :color, class: "form-control"
-  .form-group.js-toggle-colors-container.hide
+  .form-group.js-toggle-colors-container.d-none
     = f.label :font, "Font Color", class: 'control-label'
     .col-sm-10
       = f.color_field :font, class: "form-control"

app/views/ci/variables/_index.html.haml

@@ -2,7 +2,7 @@
 
 .row
   .col-lg-12.js-ci-variable-list-section{ data: { save_endpoint: save_endpoint } }
-    .hide.alert.alert-danger.js-ci-variable-error-box
+    .d-none.alert.alert-danger.js-ci-variable-error-box
 
     %ul.ci-variable-list
       - @variables.each.each do |variable|
@@ -10,7 +10,7 @@
       = render 'ci/variables/variable_row', form_field: 'variables'
     .prepend-top-20
       %button.btn.btn-success.js-secret-variables-save-button{ type: 'button' }
-        %span.hide.js-secret-variables-save-loading-icon
+        %span.d-none.js-secret-variables-save-loading-icon
           = icon('spinner spin')
         = _('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}" } }

app/views/devise/shared/_signup_box.html.haml

@@ -9,9 +9,9 @@
       .username.form-group
         = f.label :username
         = f.text_field :username, class: "form-control middle", pattern: Gitlab::PathRegex::NAMESPACE_FORMAT_REGEX_JS, required: true, title: 'Please create a username with only alphanumeric characters.'
-        %p.validation-error.hide Username is already taken.
-        %p.validation-success.hide Username is available.
-        %p.validation-pending.hide Checking username availability...
+        %p.validation-error.d-none Username is already taken.
+        %p.validation-success.d-none Username is available.
+        %p.validation-pending.d-none Checking username availability...
       .form-group
         = f.label :email
         = f.email_field :email, class: "form-control middle", required: true, title: "Please provide a valid email address."

app/views/layouts/_search.html.haml

@@ -52,4 +52,4 @@
       = hidden_field_tag :snippets, true
     = hidden_field_tag :repository_ref, @ref
     = button_tag 'Go' if ENV['RAILS_ENV'] == 'test'
-    .search-autocomplete-opts.hide{ :'data-autocomplete-path' => search_autocomplete_path, :'data-autocomplete-project-id' => @project.try(:id), :'data-autocomplete-project-ref' => @ref }
+    .search-autocomplete-opts.d-none{ :'data-autocomplete-path' => search_autocomplete_path, :'data-autocomplete-project-id' => @project.try(:id), :'data-autocomplete-project-ref' => @ref }

app/views/projects/_md_preview.html.haml

@@ -30,11 +30,11 @@
 
   .md-write-holder
     = yield
-  .md.md-preview-holder.js-md-preview.hide.md-preview{ data: { url: url } }
-  .referenced-commands.hide
+  .md.md-preview-holder.js-md-preview.d-none.md-preview{ data: { url: url } }
+  .referenced-commands.d-none
 
   - if referenced_users
-    .referenced-users.hide
+    .referenced-users.d-none
       %span
         = icon("exclamation-triangle")
         You are about to add

app/views/projects/blob/_editor.html.haml

@@ -30,7 +30,7 @@
   .file-editor.code
     %pre.js-edit-mode-pane#editor= params[:content] || local_assigns[:blob_data]
     - if local_assigns[:path]
-      .js-edit-mode-pane#preview.hide
+      .js-edit-mode-pane#preview.d-none
         .center
           %h2
             %i.icon-spinner.icon-spin

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

@@ -7,7 +7,7 @@
 - if @branches.any? || @tags.any? || @tags_limit_exceeded
   %span
     = link_to "…", "#", class: "js-details-expand label label-gray"
-    %span.js-details-content.hide
+    %span.js-details-content.d-none
       = commit_branches_links(@project, @branches)
       - if @tags_limit_exceeded
         = render 'limit_exceeded_message', objects: :tag, label_for_message: "tags"

app/views/projects/diffs/_replaced_image_diff.html.haml

@@ -14,7 +14,7 @@
     .wrap
       .frame.deleted
         = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
-      %p.image-info.hide
+      %p.image-info.d-none
         %span.meta-filesize= number_to_human_size(old_blob.size)
         |
         %strong W:
@@ -24,7 +24,7 @@
         %span.meta-height
     .wrap
       = render partial: "projects/diffs/image_diff_frame", locals: { class_name: "added js-image-frame #{class_name}", position: position, note_type: DiffNote.name, image_path: blob_raw_url, alt: diff_file.new_path }
-      %p.image-info.hide
+      %p.image-info.d-none
         %span.meta-filesize= number_to_human_size(blob.size)
         |
         %strong W:
@@ -33,7 +33,7 @@
         %strong H:
         %span.meta-height
 
-  .swipe.view.hide
+  .swipe.view.d-none
     .swipe-frame
       .frame.deleted
         = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
@@ -43,7 +43,7 @@
         %span.top-handle
         %span.bottom-handle
 
-  .onion-skin.view.hide
+  .onion-skin.view.d-none
     .onion-skin-frame
       .frame.deleted
         = image_tag(old_blob_raw_url, alt: diff_file.old_path, lazy: false)
@@ -54,7 +54,7 @@
           .dragger{ :style => "left: 0px;" }
         .opaque
 
-.view-modes.hide
+.view-modes.d-none
   %ul.view-modes-menu
     %li.two-up{ data: { mode: 'two-up' } } 2-up
     %li.swipe{ data: { mode: 'swipe' } } Swipe

app/views/projects/edit.html.haml

@@ -192,7 +192,7 @@
               %strong Removed projects cannot be restored!
             = button_to 'Remove project', '#', class: "btn btn-remove js-confirm-danger", data: { "confirm-danger-message" => remove_project_message(@project) }
 
-.save-project-loader.hide
+.save-project-loader.d-none
   .center
     %h2
       %i.fa.fa-spinner.fa-spin

app/views/projects/forks/new.html.haml

@@ -21,7 +21,7 @@
       %p.prepend-top-default
         You must have permission to create a project in a namespace before forking.
 
-    .save-project-loader.hide.js-fork-content
+    .save-project-loader.d-none.js-fork-content
       %h2.text-center
         = icon('spinner spin')
         Forking repository

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

@@ -15,7 +15,7 @@
       %p.slead
         = s_('ContributorsPage|Please wait a moment, this page will automatically refresh when ready.')
 
-  .stat-graph.hide
+  .stat-graph.d-none
     .header.clearfix
       %h3#date_header.page-title
       %p.light

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

@@ -14,7 +14,7 @@
         = icon('spinner', class: 'fa-spin')
         %span.text
           Checking branch availability…
-    .btn-group.available.hide
+    .btn-group.available.d-none
       %button.btn.js-create-merge-request.btn-success.btn-inverted{ type: 'button', data: { action: data_action } }
         = value
 

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

@@ -51,7 +51,7 @@
             %p
               %button.btn.group.btn-group.d-flex.js-reveal-variables Reveal Variables
 
-            %dl.js-build-variables.trigger-build-variables.hide
+            %dl.js-build-variables.trigger-build-variables.d-none
               - @build.trigger_variables.each do |trigger_variable|
                 %dt.js-build-variable.trigger-build-variable= trigger_variable[:key]
                 %dd.js-build-value.trigger-build-value= trigger_variable[:value]

app/views/projects/merge_requests/creations/_new_compare.html.haml

@@ -2,7 +2,7 @@
   New Merge Request
 
 = form_for [@project.namespace.becomes(Namespace), @project, @merge_request], url: project_new_merge_request_path(@project), method: :get, html: { class: "merge-request-form form-inline js-requires-input" } do |f|
-  .hide.alert.alert-danger.mr-compare-errors
+  .d-none.alert.alert-danger.mr-compare-errors
   .merge-request-branches.js-merge-request-new-compare.row{ 'data-target-project-url': project_new_merge_request_update_branches_path(@source_project), 'data-source-branch-url': project_new_merge_request_branch_from_path(@source_project), 'data-target-branch-url': project_new_merge_request_branch_to_path(@source_project) }
     .col-md-6
       .panel.panel-default.panel-new-merge-request

app/views/projects/new.html.haml

@@ -106,7 +106,7 @@
                       = render "shared/import_form", f: f
                       = render 'new_project_fields', f: f, project_name_id: "import-url-name"
 
-.save-project-loader.hide
+.save-project-loader.d-none
   .center
     %h2
       %i.fa.fa-spinner.fa-spin

app/views/projects/pipelines/_info.html.haml

@@ -30,6 +30,6 @@
       = link_to("#", class: "js-details-expand hidden-xs hidden-sm") do
         %span.text-expander
           \...
-      %span.js-details-content.hide
+      %span.js-details-content.d-none
         = link_to @pipeline.sha, project_commit_path(@project, @pipeline.sha), class: "commit-sha commit-hash-full"
       = clipboard_button(text: @pipeline.sha, title: "Copy commit SHA to clipboard")

app/views/projects/tree/_spinner.html.haml

-%span.log_loading.hide
+%span.log_loading.d-none
   %i.fa.fa-spinner.fa-spin
   Loading commit data...

app/views/shared/_commit_message_container.html.haml

@@ -20,6 +20,6 @@
       .hint.js-with-description-hint
         = link_to "#", class: "js-with-description-link" do
           Include description in commit message
-      .hint.js-without-description-hint.hide
+      .hint.js-without-description-hint.d-none
         = link_to "#", class: "js-without-description-link" do
           Don't include description in commit message

app/views/shared/_project_limit.html.haml

-- if cookies[:hide_project_limit_message].blank? && !current_user.hide_project_limit && !current_user.can_create_project? && current_user.projects_limit > 0
+- if cookies[:hide_project_limit_message].blank? && !current_user.d-none_project_limit && !current_user.can_create_project? && current_user.projects_limit > 0
   .project-limit-message.alert.alert-warning.hidden-xs
     You won't be able to create new projects because you have reached your project limit.
 

app/views/shared/notes/_hints.html.haml

@@ -11,7 +11,7 @@
     supported
 
   %span.uploading-container
-    %span.uploading-progress-container.hide
+    %span.uploading-progress-container.d-none
       = icon('file-image-o', class: 'toolbar-button-icon')
       %span.attaching-file-message
         -# Populated by app/assets/javascripts/dropzone_input.js
@@ -19,7 +19,7 @@
       %span.uploading-spinner
         = icon('spinner spin', class: 'toolbar-button-icon')
 
-    %span.uploading-error-container.hide
+    %span.uploading-error-container.d-none
       %span.uploading-error-icon
         = icon('file-image-o', class: 'toolbar-button-icon')
       %span.uploading-error-message
@@ -32,4 +32,4 @@
       = icon('file-image-o', class: 'toolbar-button-icon')
       Attach a file
 
-    %button.btn.btn-secondary.btn-xs.hide.button-cancel-uploading-files{ type: 'button' } Cancel
+    %button.btn.btn-secondary.btn-xs.d-none.button-cancel-uploading-files{ type: 'button' } Cancel