Merge branch 'cngo-delete-unused-css' into 'master'

Delete unused pages CSS

See merge request gitlab-org/gitlab!71562

app/assets/stylesheets/components/batch_comments/review_bar.scss

@@ -38,59 +38,6 @@
   margin: 0 auto;
 }
 
-.review-preview-dropdown {
-  .review-preview-item.menu-item {
-    display: flex;
-    flex-wrap: wrap;
-    padding: 8px 16px;
-    cursor: pointer;
-
-    &:not(.is-last) {
-      border-bottom: 1px solid $list-border;
-    }
-  }
-
-  .dropdown-menu {
-    top: auto;
-    bottom: 36px;
-
-    &.show {
-      max-height: 400px;
-
-      @include media-breakpoint-down(xs) {
-        width: calc(100vw - 32px);
-      }
-    }
-  }
-
-  .dropdown-content {
-    max-height: 300px;
-  }
-
-  .dropdown-title {
-    padding: $grid-size 25px $gl-padding;
-    margin-bottom: 0;
-  }
-
-  .dropdown-footer {
-    margin-top: 0;
-  }
-
-  .dropdown-menu-close {
-    top: 6px;
-  }
-}
-
-.review-preview-dropdown-toggle {
-  svg.s16 {
-    width: 15px;
-    height: 15px;
-    margin-top: -1px;
-    top: 3px;
-    margin-left: 4px;
-  }
-}
-
 .review-preview-item-header {
   display: flex;
   align-items: center;

app/assets/stylesheets/components/design_management/design.scss

@@ -70,11 +70,6 @@ $t-gray-a-16-design-pin: rgba($black, 0.16);
   }
 }
 
-.design-presentation-wrapper {
-  top: 0;
-  left: 0;
-}
-
 .design-scaler-wrapper {
   bottom: 0;
   left: 50%;

app/assets/stylesheets/pages/commits.scss

@@ -82,11 +82,6 @@
   }
 }
 
-.commits-compare-switch {
-  float: left;
-  margin-right: 9px;
-}
-
 .commit-header {
   padding: 5px 10px;
   background-color: $gray-light;

app/assets/stylesheets/pages/merge_requests.scss

@@ -474,31 +474,6 @@ $tabs-holder-z-index: 250;
       }
     }
   }
-
-  .merge-request-labels {
-    display: inline-block;
-  }
-}
-
-.merge-request-angle {
-  text-align: center;
-  margin: 0 auto;
-  font-size: 2em;
-  line-height: 1.1;
-}
-
-// hide mr close link for inline diff comment form
-.diff-file .close-mr-link,
-.diff-file .reopen-mr-link {
-  display: none;
-}
-
-.mr-links {
-  padding-left: $gl-padding-8 + $status-icon-size + $gl-btn-padding;
-
-  &:last-child {
-    padding-bottom: $gl-padding;
-  }
 }
 
 .mr-info-list {
@@ -649,10 +624,6 @@ $tabs-holder-z-index: 250;
   }
 }
 
-.target-branch-select-dropdown-container {
-  position: relative;
-}
-
 .assign-to-me-link {
   padding-left: 12px;
   white-space: nowrap;
@@ -667,12 +638,6 @@ $tabs-holder-z-index: 250;
   }
 }
 
-.merged-buttons {
-  .btn {
-    float: left;
-  }
-}
-
 .mr-version-controls {
   position: relative;
   z-index: $tabs-holder-z-index + 10;

app/assets/stylesheets/pages/note_form.scss

@@ -24,12 +24,6 @@
     margin: $gl-padding 0 0;
   }
 
-  .note-preview-holder {
-    > p {
-      overflow-x: auto;
-    }
-  }
-
   img {
     max-width: 100%;
   }

app/assets/stylesheets/pages/notifications.scss

@@ -4,11 +4,6 @@
       width: 100%;
     }
 
-    .notification-form {
-      display: block;
-    }
-
-    .notifications-btn,
     .btn-group {
       width: 100%;
     }

app/assets/stylesheets/pages/profile.scss

-.profile-avatar-form-option {
-  hr {
-    margin: 10px 0;
-  }
-}
-
 .avatar-image {
   margin-bottom: $grid-size;
 
@@ -23,41 +17,6 @@
   display: inline-block;
 }
 
-.private-tokens-reset div.reset-action:not(:first-child) {
-  padding-top: 15px;
-}
-
-.oauth-buttons {
-  .btn-group {
-    margin-right: 10px;
-  }
-
-  .btn {
-    line-height: 40px;
-    height: 42px;
-    padding: 0 12px;
-
-    img {
-      width: 32px;
-      height: 32px;
-    }
-  }
-}
-
-// Profile > Account > Two Factor Authentication
-.two-factor-new {
-  .manual-instructions {
-    h3 {
-      margin-top: 0;
-    }
-
-    // Slightly increase the size of the details so they're easier to read
-    dl {
-      font-size: 1.1em;
-    }
-  }
-}
-
 .account-well {
   padding: 10px;
   background-color: $gray-light;
@@ -191,10 +150,6 @@
   }
 }
 
-.personal-access-tokens-never-expires-label {
-  color: $note-disabled-comment-color;
-}
-
 .created-personal-access-token-container {
   .btn-clipboard {
     border: 1px solid $border-color;
@@ -266,8 +221,7 @@
   }
 }
 
-table.u2f-registrations,
-.webauthn-registrations {
+table.u2f-registrations {
   th:not(:last-child),
   td:not(:last-child) {
     border-right: solid 1px transparent;

app/assets/stylesheets/pages/profiles/preferences.scss

-.multi-file-editor-options {
-  label {
-    margin-right: 20px;
-    text-align: center;
-  }
-
-  .preview {
-    font-size: 0;
-
-    img {
-      border: 1px solid $border-color-settings;
-      border-radius: 4px;
-    }
-  }
-}
-
 .application-theme {
   $ui-dark-bg: #2e2e2e;
   $ui-light-bg: #dfdfdf;

app/assets/stylesheets/pages/projects.scss

@@ -622,12 +622,6 @@ pre.light-well {
     }
   }
 
-  .star-button {
-    .icon {
-      top: 0;
-    }
-  }
-
   .icon-container {
     @include media-breakpoint-down(xs) {
       margin-right: $gl-padding-8;
@@ -938,16 +932,6 @@ pre.light-well {
   }
 }
 
-.project-ci-linter {
-  .ci-editor {
-    height: 400px;
-  }
-
-  .ci-template pre {
-    white-space: pre-wrap;
-  }
-}
-
 .project-badge {
   opacity: 0.9;
 

app/assets/stylesheets/pages/prometheus.scss

@@ -96,11 +96,6 @@
   padding: $gl-padding-8;
 }
 
-.prometheus-graph-embed {
-  border: 1px solid $border-color;
-  border-radius: $border-radius-default;
-}
-
 .alert-current-setting {
   max-width: 240px;
 
@@ -110,233 +105,6 @@
   }
 }
 
-.prometheus-graph-cursor {
-  position: absolute;
-  background: $gray-400;
-  width: 1px;
-}
-
-.prometheus-graph-flag {
-  display: block;
-  min-width: 160px;
-  border: 0;
-  box-shadow: 0 1px 4px 0 $black-transparent;
-
-  h5 {
-    padding: 0;
-    margin: 0;
-    font-size: 14px;
-    line-height: 1.2;
-  }
-
-  .deploy-meta-content {
-    border-bottom: 1px solid $white-dark;
-
-    svg {
-      height: 15px;
-      vertical-align: bottom;
-    }
-  }
-
-  &.popover {
-    padding: 0;
-
-    &.left {
-      left: auto;
-      right: 0;
-      margin-right: 10px;
-
-      > .arrow {
-        right: -14px;
-        border-left-color: $border-color;
-      }
-
-      > .arrow::after {
-        border-top: 6px solid transparent;
-        border-bottom: 6px solid transparent;
-        border-left: 4px solid $gray-10;
-      }
-
-      .arrow-shadow {
-        right: -3px;
-        box-shadow: 1px 0 9px 0 $black-transparent;
-      }
-    }
-
-    &.right {
-      left: 0;
-      right: auto;
-      margin-left: 10px;
-
-      > .arrow {
-        left: -7px;
-        border-right-color: $border-color;
-      }
-
-      > .arrow::after {
-        border-top: 6px solid transparent;
-        border-bottom: 6px solid transparent;
-        border-right: 4px solid $gray-10;
-      }
-
-      .arrow-shadow {
-        left: -3px;
-        box-shadow: 1px 0 8px 0 $black-transparent;
-      }
-    }
-
-    > .arrow {
-      top: 10px;
-      margin: 0;
-    }
-
-    .arrow-shadow {
-      content: '';
-      position: absolute;
-      width: 7px;
-      height: 7px;
-      background-color: transparent;
-      transform: rotate(45deg);
-      top: 13px;
-    }
-
-    > .popover-title,
-    > .popover-content,
-    > .popover-header,
-    > .popover-body {
-      padding: 8px;
-      white-space: nowrap;
-      position: relative;
-    }
-
-    > .popover-title {
-      background-color: $gray-10;
-      border-radius: $border-radius-default $border-radius-default 0 0;
-    }
-  }
-
-  strong {
-    font-weight: 600;
-  }
-}
-
-.prometheus-table {
-  border-collapse: collapse;
-  padding: 0;
-  margin: 0;
-
-  td {
-    vertical-align: middle;
-
-    + td {
-      padding-left: 8px;
-      vertical-align: top;
-    }
-  }
-
-  .legend-metric-title {
-    font-size: 12px;
-    vertical-align: middle;
-  }
-}
-
-.prometheus-svg-container {
-  position: relative;
-  height: 0;
-  width: 100%;
-  padding: 0;
-  padding-bottom: 100%;
-
-  .text-metric-usage {
-    fill: $black;
-    font-weight: $gl-font-weight-normal;
-    font-size: 12px;
-  }
-
-  > svg {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    left: 0;
-    top: 0;
-
-    text {
-      fill: $gl-text-color;
-      stroke-width: 0;
-    }
-
-    .text-metric-bold {
-      font-weight: $gl-font-weight-bold;
-    }
-
-    .label-axis-text {
-      fill: $black;
-      font-weight: $gl-font-weight-normal;
-      font-size: 10px;
-    }
-
-    .legend-axis-text {
-      fill: $black;
-    }
-
-    .tick {
-      > line {
-        stroke: $gray-darker;
-      }
-
-      > text {
-        fill: $gray-400;
-        font-size: 10px;
-      }
-    }
-
-    .y-label-text,
-    .x-label-text {
-      fill: $gray-darkest;
-    }
-
-    .axis-tick {
-      stroke: $gray-darker;
-    }
-
-    .deploy-info-text {
-      dominant-baseline: text-before-edge;
-      font-size: 12px;
-    }
-
-    .deploy-info-text-link {
-      font-family: $monospace-font;
-      fill: $blue-600;
-
-      &:hover {
-        fill: $blue-800;
-      }
-    }
-
-    @include media-breakpoint-down(sm) {
-      .label-axis-text,
-      .text-metric-usage,
-      .legend-axis-text {
-        font-size: 8px;
-      }
-
-      .tick > text {
-        font-size: 8px;
-      }
-    }
-  }
-}
-
-.prometheus-table-row-highlight {
-  background-color: $gray-100;
-}
-
-.prometheus-graph-overlay {
-  fill: none;
-  opacity: 0;
-  pointer-events: all;
-}
-
 .prometheus-panel-builder {
   .preview-date-time-picker {
     // same as in .dropdown-menu-toggle

app/assets/stylesheets/pages/settings.scss

@@ -154,17 +154,6 @@
   }
 }
 
-.token-token-container {
-  #impersonation-token-token {
-    width: 80%;
-    display: inline;
-  }
-
-  .btn-clipboard {
-    margin-left: 5px;
-  }
-}
-
 .visibility-level-setting {
   .form-check {
     margin-bottom: 10px;
@@ -219,31 +208,6 @@
   }
 }
 
-.nested-settings {
-  padding-left: 20px;
-}
-
-.input-btn-group {
-  display: flex;
-
-  .input-large {
-    flex: 1;
-  }
-
-  .btn {
-    margin-left: 10px;
-  }
-}
-
-.content-list > .settings-flex-row {
-  display: flex;
-  align-items: center;
-
-  .float-right {
-    margin-left: auto;
-  }
-}
-
 .prometheus-metrics-monitoring {
   .card {
     .card-toggle {
@@ -326,10 +290,6 @@
   }
 }
 
-.personal-access-tokens-never-expires-label {
-  color: $note-disabled-comment-color;
-}
-
 .created-deploy-token-container {
   .deploy-token-field {
     width: 90%;

app/assets/stylesheets/pages/tree.scss

@@ -223,11 +223,6 @@
   min-height: 200px;
 }
 
-.upload-link {
-  font-weight: $gl-font-weight-normal;
-  color: $blue-600;
-}
-
 .repo-charts {
   .sub-header {
     margin: 20px 0;