Merge branch '254655-jl-remove-audit-controls-css' into 'master'

Remove deprecated audit controls styles

See merge request gitlab-org/gitlab!44569

ee/app/assets/javascripts/audit_events/components/audit_events_app.vue

@@ -59,7 +59,7 @@ export default {
       </div>
     </header>
     <div class="row-content-block second-block gl-pb-0">
-      <div class="gl-display-flex gl-justify-content-space-between audit-controls gl-flex-wrap">
+      <div class="gl-display-flex gl-justify-content-space-between gl-flex-wrap">
         <div class="gl-mb-5 gl-w-full">
           <audit-events-filter
             :filter-token-options="filterTokenOptions"
@@ -70,7 +70,7 @@ export default {
         </div>
         <div class="gl-display-flex gl-flex-wrap gl-w-full">
           <div
-            class="audit-controls gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-justify-content-space-between gl-px-0 gl-w-full"
+            class="gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-justify-content-space-between gl-px-0 gl-w-full"
           >
             <date-range-field
               :start-date="startDate"

ee/app/assets/javascripts/audit_events/components/date_range_field.vue

@@ -60,8 +60,8 @@ export default {
       :default-max-date="$options.CURRENT_DATE"
       :max-date-range="$options.MAX_DATE_RANGE"
       :same-day-selection="true"
-      start-picker-class="gl-mb-5 gl-pr-5 gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-flex-fill-1"
-      end-picker-class="gl-mb-5 gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-flex-fill-1"
+      start-picker-class="gl-mb-5 gl-pr-5 gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-flex-fill-1 gl-lg-align-items-baseline"
+      end-picker-class="gl-mb-5 gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-flex-fill-1 gl-lg-align-items-baseline"
       @input="onInput"
     />
   </div>

ee/app/assets/stylesheets/components/audit_logs/date_range_field.scss

-.audit-controls {
-  .gl-form-input {
-    background-color: $white;
-  }
-
-  @include media-breakpoint-down(md) {
-    .dropdown-menu-toggle,
-    .filter-item {
-      width: 100%;
-    }
-  }
-}

ee/app/assets/stylesheets/components/audit_logs/sorting_field.scss

-.audit-controls {
-  .gl-dropdown-toggle {
-    border-color: $gray-100;
-    border-radius: 0.25rem;
-    box-shadow: inset 0 0 0 0.0625rem $gray-200;
-    padding: 0.5rem 0.75rem;
-  }
-
-  .gl-daterange-picker > div {
-    @include media-breakpoint-up(lg) {
-      align-items: baseline;
-    }
-  }
-}

ee/spec/frontend/audit_events/components/__snapshots__/audit_events_app_spec.js.snap

@@ -16,7 +16,7 @@ exports[`AuditEventsApp when initialized matches the snapshot 1`] = `
     class="row-content-block second-block gl-pb-0"
   >
     <div
-      class="gl-display-flex gl-justify-content-space-between audit-controls gl-flex-wrap"
+      class="gl-display-flex gl-justify-content-space-between gl-flex-wrap"
     >
       <div
         class="gl-mb-5 gl-w-full"
@@ -40,7 +40,7 @@ exports[`AuditEventsApp when initialized matches the snapshot 1`] = `
         class="gl-display-flex gl-flex-wrap gl-w-full"
       >
         <div
-          class="audit-controls gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-justify-content-space-between gl-px-0 gl-w-full"
+          class="gl-display-flex gl-flex-direction-column gl-lg-flex-direction-row gl-justify-content-space-between gl-px-0 gl-w-full"
         >
           <date-range-field-stub
             enddate="Sun Feb 02 2020 00:00:00 GMT+0000 (Greenwich Mean Time)"