Replace .pull-left with .float-left

app/assets/javascripts/boards/components/board_new_issue.vue

@@ -122,7 +122,7 @@ export default {
         />
         <div class="clearfix prepend-top-10">
           <button
-            class="btn btn-success pull-left"
+            class="btn btn-success float-left"
             type="submit"
             :disabled="disabled"
             ref="submit-button"

app/assets/javascripts/boards/components/modal/footer.js

@@ -58,7 +58,7 @@ gl.issueBoards.ModalFooter = Vue.extend({
   template: `
     <footer
       class="form-actions add-issues-footer">
-      <div class="pull-left">
+      <div class="float-left">
         <button
           class="btn btn-success"
           type="button"

app/assets/javascripts/deploy_keys/components/key.vue

@@ -45,7 +45,7 @@
 
 <template>
   <div>
-    <div class="pull-left append-right-10 hidden-xs">
+    <div class="float-left append-right-10 hidden-xs">
       <i
         aria-hidden="true"
         class="fa fa-key key-icon"

app/assets/javascripts/ide/components/new_dropdown/index.vue

@@ -63,12 +63,12 @@
         <icon
           name="plus"
           :size="12"
-          css-classes="pull-left"
+          css-classes="float-left"
         />
         <icon
           name="arrow-down"
           :size="12"
-          css-classes="pull-left"
+          css-classes="float-left"
         />
       </button>
       <ul class="dropdown-menu dropdown-menu-right">

app/assets/javascripts/ide/components/repo_commit_section.vue

@@ -120,7 +120,7 @@ export default {
           <loading-button
             :loading="submitCommitLoading"
             :disabled="commitButtonDisabled"
-            container-class="btn btn-success btn-sm pull-left"
+            container-class="btn btn-success btn-sm float-left"
             :label="__('Commit')"
             @click="commitChanges"
           />

app/assets/javascripts/ide/components/repo_editor.vue

@@ -173,7 +173,7 @@ export default {
   >
     <div class="ide-mode-tabs clearfix">
       <ul
-        class="nav-links pull-left"
+        class="nav-links float-left"
         v-if="!shouldHideEditor">
         <li :class="editTabCSS">
           <a

app/assets/javascripts/issue_show/components/edit_actions.vue

@@ -51,7 +51,7 @@
 <template>
   <div class="prepend-top-default append-bottom-default clearfix">
     <button
-      class="btn btn-save pull-left"
+      class="btn btn-save float-left"
       :class="{ disabled: formState.updateLoading || !isSubmitEnabled }"
       type="submit"
       :disabled="formState.updateLoading || !isSubmitEnabled"

app/assets/javascripts/notes/components/comment_form.vue

@@ -373,7 +373,7 @@ js-gfm-input js-autosize markdown-area js-vue-textarea"
               </markdown-field>
               <div class="note-form-actions">
                 <div
-                  class="pull-left btn-group
+                  class="float-left btn-group
 append-right-10 comment-type-dropdown js-comment-type-dropdown droplab-dropdown">
                   <button
                     @click.prevent="handleSave()"

app/assets/javascripts/sidebar/components/subscriptions/subscriptions.vue

@@ -71,7 +71,7 @@
         />
       </span>
     </div>
-    <span class="issuable-header-text hide-collapsed pull-left">
+    <span class="issuable-header-text hide-collapsed float-left">
       {{ __('Notifications') }}
     </span>
     <toggle-button

app/assets/javascripts/sidebar/components/time_tracking/comparison_pane.vue

@@ -71,7 +71,7 @@ export default {
         </div>
       </div>
       <div class="compare-display-container">
-        <div class="compare-display pull-left">
+        <div class="compare-display float-left">
           <span class="compare-label">
             {{ s__('TimeTracking|Spent') }}
           </span>

app/assets/javascripts/vue_shared/components/content_viewer/viewers/download_viewer.vue

@@ -42,7 +42,7 @@ export default {
         target="_blank">
         <icon
           name="download"
-          css-classes="pull-left append-right-8"
+          css-classes="float-left append-right-8"
           :size="16"
         />
         {{ __('Download') }}

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

@@ -99,7 +99,7 @@
         <div class="modal-content">
           <div class="modal-header">
             <slot name="header">
-              <h4 class="modal-title pull-left">
+              <h4 class="modal-title float-left">
                 {{ title }}
               </h4>
               <button

app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_create_label.vue

@@ -77,7 +77,7 @@ export default {
       <div class="clearfix">
         <button
           type="button"
-          class="btn btn-primary pull-left js-new-label-btn disabled"
+          class="btn btn-primary float-left js-new-label-btn disabled"
         >
           {{ __('Create') }}
         </button>

app/views/admin/applications/show.html.haml

@@ -32,5 +32,5 @@
     = render "shared/tokens/scopes_list", token: @application
 
 .form-actions
-  = link_to 'Edit', edit_admin_application_path(@application), class: 'btn btn-primary wide pull-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'

app/views/admin/health_check/show.html.haml

@@ -5,7 +5,7 @@
 %div{ class: container_class }
   %h3.page-title= page_title
   .bs-callout.clearfix
-    .pull-left
+    .float-left
       %p
     #{ s_('HealthCheck|Access token is') }
     %code#health-check-token= Gitlab::CurrentSettings.health_check_access_token

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

@@ -17,28 +17,28 @@
         or adding ssh key. But you can also enable extra triggers like Push events.
 
     .prepend-top-default
-      = form.check_box :repository_update_events, class: 'pull-left'
+      = form.check_box :repository_update_events, class: 'float-left'
       .prepend-left-20
         = form.label :repository_update_events, class: 'list-label' do
           %strong Repository update events
         %p.light
           This URL will be triggered when repository is updated
     %li
-      = form.check_box :push_events, class: 'pull-left'
+      = form.check_box :push_events, class: 'float-left'
       .prepend-left-20
         = form.label :push_events, class: 'list-label' do
           %strong Push events
         %p.light
           This URL will be triggered for each branch updated to the repository
     %li
-      = form.check_box :tag_push_events, class: 'pull-left'
+      = form.check_box :tag_push_events, class: 'float-left'
       .prepend-left-20
         = form.label :tag_push_events, class: 'list-label' do
           %strong Tag push events
         %p.light
           This URL will be triggered when a new tag is pushed to the repository
     %li
-      = form.check_box :merge_requests_events, class: 'pull-left'
+      = form.check_box :merge_requests_events, class: 'float-left'
       .prepend-left-20
         = form.label :merge_requests_events, class: 'list-label' do
           %strong Merge request events

app/views/admin/runners/index.html.haml

@@ -27,7 +27,7 @@
           \- Runner will not receive any new jobs
 
   .bs-callout.clearfix
-    .pull-left
+    .float-left
       %p
         You can reset runners registration token by pressing a button below.
       .prepend-top-10
@@ -39,7 +39,7 @@
            locals: { registration_token: Gitlab::CurrentSettings.runners_registration_token }
 
   .append-bottom-20.clearfix
-    .pull-left
+    .float-left
       = form_tag admin_runners_path, id: 'runners-search', class: 'form-inline', method: :get do
         .form-group
           = search_field_tag :search, params[:search], class: 'form-control', placeholder: 'Runner description or token', spellcheck: false

app/views/doorkeeper/applications/show.html.haml

@@ -30,5 +30,5 @@
     = render "shared/tokens/scopes_list", token: @application
 
 .form-actions
-  = link_to 'Edit', edit_oauth_application_path(@application), class: 'btn btn-primary wide pull-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'

app/views/help/ui.html.haml

@@ -218,7 +218,7 @@
 
   .example
     .clearfix
-      .dropdown.inline.pull-left
+      .dropdown.inline.float-left
         %button.dropdown-menu-toggle{ type: 'button', data: { toggle: 'dropdown' } }
           Dropdown
           = icon('chevron-down')

app/views/layouts/devise.html.haml

@@ -12,7 +12,7 @@
           .row
             .col-sm-5.pull-right.new-session-forms-container
               = yield
-            .col-sm-7.brand-holder.pull-left
+            .col-sm-7.brand-holder.float-left
               %h1
                 = brand_title
               = brand_image

app/views/profiles/chat_names/new.html.haml

@@ -9,7 +9,7 @@
   .actions
     = form_tag profile_chat_names_path, method: :post do
       = hidden_field_tag :token, @chat_name_token.token
-      = submit_tag "Authorize", class: "btn btn-success wide pull-left"
+      = submit_tag "Authorize", class: "btn btn-success wide float-left"
     = form_tag deny_profile_chat_names_path, method: :delete do
       = hidden_field_tag :token, @chat_name_token.token
       = submit_tag "Deny", class: "btn btn-danger prepend-left-10"

app/views/profiles/gpg_keys/_key.html.haml

 %li.key-list-item
-  .pull-left.append-right-10
+  .float-left.append-right-10
     = icon 'key', class: "settings-list-icon hidden-xs"
   .key-list-item-info
     - key.emails_with_verified_status.map do |email, verified|

app/views/profiles/keys/_key.html.haml

 %li.key-list-item
-  .pull-left.append-right-10
+  .float-left.append-right-10
     - if key.valid?
       = icon 'key', class: 'settings-list-icon hidden-xs'
     - else

app/views/profiles/notifications/show.html.haml

@@ -29,7 +29,7 @@
       = label_tag :global_notification_level, "Global notification level", class: "label-light"
       %br
       .clearfix
-      .form-group.pull-left.global-notification-setting
+      .form-group.float-left.global-notification-setting
         = render 'shared/notifications/button', notification_setting: @global_notification_setting
 
       .clearfix

app/views/projects/ci/lints/show.html.haml

@@ -16,7 +16,7 @@
             #ci-editor.ci-editor= @content
           = text_area_tag(:content, @content, class: 'hidden form-control span1', rows: 7, require: true)
       .col-sm-12
-        .pull-left.prepend-top-10
+        .float-left.prepend-top-10
           = submit_tag('Validate', class: 'btn btn-success submit-yml')
         .pull-right.prepend-top-10
           = button_tag('Clear', type: 'button', class: 'btn btn-secondary clear-yml')

app/views/projects/deploy_tokens/_revoke_modal.html.haml

@@ -2,7 +2,7 @@
   .modal-dialog
     .modal-content
       .modal-header
-        %h4.modal-title.pull-left
+        %h4.modal-title.float-left
           = s_('DeployTokens|Revoke')
           %b #{token.name}?
         %button.close{ 'aria-label' => _('Close'), 'data-dismiss' => 'modal', type: 'button' }

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

@@ -30,7 +30,7 @@
 
   .detail-page-header-actions.js-issuable-actions
     .clearfix.issue-btn-group.dropdown
-      %button.btn.btn-secondary.pull-left.hidden-md.hidden-lg{ type: "button", data: { toggle: "dropdown" } }
+      %button.btn.btn-secondary.float-left.hidden-md.hidden-lg{ type: "button", data: { toggle: "dropdown" } }
         Options
         = icon('caret-down')
       .dropdown-menu.dropdown-menu-align-right.hidden-lg

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

@@ -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.pull-left.hidden<
+          .js-truncated-info.truncated-info.hidden-xs.float-left.hidden<
             Showing last
             %span.js-truncated-info-size.truncated-info-size><
             of log -

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

@@ -21,7 +21,7 @@
 
   .detail-page-header-actions.js-issuable-actions
     .clearfix.issue-btn-group.dropdown
-      %button.btn.btn-secondary.pull-left.hidden-md.hidden-lg{ type: "button", data: { toggle: "dropdown" } }
+      %button.btn.btn-secondary.float-left.hidden-md.hidden-lg{ type: "button", data: { toggle: "dropdown" } }
         Options
         = icon('caret-down')
       .dropdown-menu.dropdown-menu-align-right.hidden-lg

app/views/projects/pages/_https_only.html.haml

 = form_for @project, url: namespace_project_pages_path(@project.namespace.becomes(Namespace), @project), html: { class: 'inline', title: pages_https_only_title } do |f|
-  = f.check_box :pages_https_only, class: 'pull-left', disabled: pages_https_only_disabled?
+  = f.check_box :pages_https_only, class: 'float-left', disabled: pages_https_only_disabled?
 
   .prepend-left-20
     = f.label :pages_https_only, class: pages_https_only_label_class do

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

@@ -5,7 +5,7 @@
         %tr
           %th= s_('ProjectFileTree|Name')
           %th.hidden-xs
-            .pull-left= _('Last commit')
+            .float-left= _('Last commit')
           %th.text-right= _('Last update')
       - if @path.present?
         %tr.tree-item

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

@@ -18,8 +18,8 @@
     - if current_user
       %li.breadcrumb-item
         %a.btn.add-to-tree{ addtotree_toggle_attributes }
-          = sprite_icon('plus', size: 16, css_class: 'pull-left')
-          = sprite_icon('arrow-down', size: 16, css_class: 'pull-left')
+          = sprite_icon('plus', size: 16, css_class: 'float-left')
+          = sprite_icon('arrow-down', size: 16, css_class: 'float-left')
         - if on_top_of_branch?
           .add-to-tree-dropdown
             %ul.dropdown-menu

app/views/shared/_service_settings.html.haml

@@ -20,7 +20,7 @@
       .col-sm-10
         - @service.configurable_events.each do |event|
           %div
-            = form.check_box service_event_field_name(event), class: 'pull-left'
+            = form.check_box service_event_field_name(event), class: 'float-left'
             .prepend-left-20
               = form.label service_event_field_name(event), class: 'list-label' do
                 %strong

app/views/shared/boards/components/_board.html.haml

@@ -24,7 +24,7 @@
             %button.board-delete.has-tooltip.pull-right{ type: "button", title: "Delete list", "aria-label" => "Delete list", data: { placement: "bottom" }, "@click.stop" => "deleteBoard" }
               = icon("trash")
         .issue-count-badge.clearfix{ "v-if" => 'list.type !== "blank"' }
-          %span.issue-count-badge-count.pull-left{ ":class" => '{ "has-btn": list.type !== "closed" && !disabled }' }
+          %span.issue-count-badge-count.float-left{ ":class" => '{ "has-btn": list.type !== "closed" && !disabled }' }
             {{ list.issuesSize }}
           - if can?(current_user, :admin_list, current_board_parent)
             %button.issue-count-badge-add-button.btn.btn-sm.btn-secondary.has-tooltip.js-no-trigger-collapse{ type: "button",

app/views/shared/boards/components/_sidebar.html.haml

@@ -3,7 +3,7 @@
     %aside.right-sidebar.right-sidebar-expanded.issue-boards-sidebar{ "v-show" => "showSidebar" }
       .issuable-sidebar
         .block.issuable-sidebar-header
-          %span.issuable-header-text.hide-collapsed.pull-left
+          %span.issuable-header-text.hide-collapsed.float-left
             %strong
               {{ issue.title }}
             %br/

app/views/shared/issuable/_bulk_update_sidebar.html.haml

@@ -4,7 +4,7 @@
   .issuable-sidebar.hidden
     = form_tag [:bulk_update, @project.namespace.becomes(Namespace), @project, type], method: :post, class: "bulk-update"  do
       .block.issuable-sidebar-header
-        .filter-item.inline.update-issues-btn.pull-left
+        .filter-item.inline.update-issues-btn.float-left
           = button_tag "Update all", class: "btn update-selected-issues btn-info", disabled: true
         = button_tag "Cancel", class: "btn btn-secondary js-bulk-update-menu-hide pull-right"
       .block

app/views/shared/issuable/_close_reopen_report_toggle.html.haml

@@ -6,7 +6,7 @@
 - toggle_class = "#{button_responsive_class} btn btn-nr dropdown-toggle js-issuable-close-toggle"
 - button_method = issuable_close_reopen_button_method(issuable)
 
-.pull-left.btn-group.prepend-left-10.issuable-close-dropdown.droplab-dropdown.js-issuable-close-dropdown
+.float-left.btn-group.prepend-left-10.issuable-close-dropdown.droplab-dropdown.js-issuable-close-dropdown
   = link_to "#{display_button_action} #{display_issuable_type}", close_reopen_issuable_path(issuable),
             method: button_method, class: "#{button_class} btn-#{button_action}", title: "#{display_button_action} #{display_issuable_type}"
 

app/views/shared/issuable/_label_page_create.html.haml

@@ -12,7 +12,7 @@
       .dropdown-label-color-preview.js-dropdown-label-color-preview
       %input#new_label_color.default-dropdown-input{ type: "text", placeholder: _('Assign custom color like #FF0000') }
     .clearfix
-      %button.btn.btn-primary.pull-left.js-new-label-btn{ type: "button" }
+      %button.btn.btn-primary.float-left.js-new-label-btn{ type: "button" }
         = _('Create')
       %button.btn.btn-secondary.pull-right.js-cancel-label-btn{ type: "button" }
         = _('Cancel')

app/views/shared/issuable/_sidebar.html.haml

@@ -5,7 +5,7 @@
     - can_edit_issuable = can?(current_user, :"admin_#{issuable.to_ability_name}", @project)
     .block.issuable-sidebar-header
       - if current_user
-        %span.issuable-header-text.hide-collapsed.pull-left
+        %span.issuable-header-text.hide-collapsed.float-left
           = _('Todo')
       %a.gutter-toggle.pull-right.js-sidebar-toggle{ role: "button", href: "#", "aria-label" => "Toggle sidebar" }
         = sidebar_gutter_toggle_icon

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

 - noteable_name = @note.noteable.human_class_name
 
-.pull-left.btn-group.append-right-10.droplab-dropdown.comment-type-dropdown.js-comment-type-dropdown
+.float-left.btn-group.append-right-10.droplab-dropdown.comment-type-dropdown.js-comment-type-dropdown
   %input.btn.btn-nr.btn-create.comment-btn.js-comment-button.js-comment-submit-button{ type: 'submit', value: 'Comment' }
 
   - if @note.can_be_discussion_note?

app/views/shared/web_hooks/_form.html.haml

@@ -12,70 +12,70 @@
   = form.label :url, 'Trigger', class: 'label-light'
   %ul.list-unstyled
     %li
-      = form.check_box :push_events, class: 'pull-left'
+      = form.check_box :push_events, class: 'float-left'
       .prepend-left-20
         = form.label :push_events, class: 'list-label' do
           %strong Push events
         %p.light
           This URL will be triggered by a push to the repository
     %li
-      = form.check_box :tag_push_events, class: 'pull-left'
+      = form.check_box :tag_push_events, class: 'float-left'
       .prepend-left-20
         = form.label :tag_push_events, class: 'list-label' do
           %strong Tag push events
         %p.light
           This URL will be triggered when a new tag is pushed to the repository
     %li
-      = form.check_box :note_events, class: 'pull-left'
+      = form.check_box :note_events, class: 'float-left'
       .prepend-left-20
         = form.label :note_events, class: 'list-label' do
           %strong Comments
         %p.light
           This URL will be triggered when someone adds a comment
     %li
-      = form.check_box :confidential_note_events, class: 'pull-left'
+      = form.check_box :confidential_note_events, class: 'float-left'
       .prepend-left-20
         = form.label :confidential_note_events, class: 'list-label' do
           %strong Confidential Comments
         %p.light
           This URL will be triggered when someone adds a comment on a confidential issue
     %li
-      = form.check_box :issues_events, class: 'pull-left'
+      = form.check_box :issues_events, class: 'float-left'
       .prepend-left-20
         = form.label :issues_events, class: 'list-label' do
           %strong Issues events
         %p.light
           This URL will be triggered when an issue is created/updated/merged
     %li
-      = form.check_box :confidential_issues_events, class: 'pull-left'
+      = form.check_box :confidential_issues_events, class: 'float-left'
       .prepend-left-20
         = form.label :confidential_issues_events, class: 'list-label' do
           %strong Confidential Issues events
         %p.light
           This URL will be triggered when a confidential issue is created/updated/merged
     %li
-      = form.check_box :merge_requests_events, class: 'pull-left'
+      = form.check_box :merge_requests_events, class: 'float-left'
       .prepend-left-20
         = form.label :merge_requests_events, class: 'list-label' do
           %strong Merge request events
         %p.light
           This URL will be triggered when a merge request is created/updated/merged
     %li
-      = form.check_box :job_events, class: 'pull-left'
+      = form.check_box :job_events, class: 'float-left'
       .prepend-left-20
         = form.label :job_events, class: 'list-label' do
           %strong Job events
         %p.light
           This URL will be triggered when the job status changes
     %li
-      = form.check_box :pipeline_events, class: 'pull-left'
+      = form.check_box :pipeline_events, class: 'float-left'
       .prepend-left-20
         = form.label :pipeline_events, class: 'list-label' do
           %strong Pipeline events
         %p.light
           This URL will be triggered when the pipeline status changes
     %li
-      = form.check_box :wiki_page_events, class: 'pull-left'
+      = form.check_box :wiki_page_events, class: 'float-left'
       .prepend-left-20
         = form.label :wiki_page_events, class: 'list-label' do
           %strong Wiki Page events