Add latest changes from gitlab-org/gitlab@16-0-stable-eev16.0.0-rc42

1 files changed, 35 insertions, 252 deletions

diff --git a/app/assets/stylesheets/startup/startup-signin.scss b/app/assets/stylesheets/startup/startup-signin.scss
index 3aace601c45..f676782de2a 100644
--- a/app/assets/stylesheets/startup/startup-signin.scss
+++ b/app/assets/stylesheets/startup/startup-signin.scss
@@ -192,7 +192,7 @@ hr {
 .form-control {
   display: block;
   width: 100%;
-  height: 34px;
+  height: 32px;
   padding: 0.375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
@@ -205,10 +205,6 @@ hr {
 }
 @media (prefers-reduced-motion: reduce) {
 }
-.form-control:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 #333238;
-}
 .form-control::placeholder {
   color: #626168;
   opacity: 1;
@@ -262,7 +258,7 @@ input.btn-block[type="button"] {
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5rem;
-  color-adjust: exact;
+  print-color-adjust: exact;
 }
 .custom-control-input {
   position: absolute;
@@ -303,7 +299,7 @@ input.btn-block[type="button"] {
   pointer-events: none;
   content: "";
   background-color: #fff;
-  border: #737278 solid 1px;
+  border: 1px solid #737278;
 }
 .custom-control-label::after {
   position: absolute;
@@ -313,7 +309,7 @@ input.btn-block[type="button"] {
   width: 1rem;
   height: 1rem;
   content: "";
-  background: no-repeat 50% / 50% 50%;
+  background: 50% / 50% 50% no-repeat;
 }
 .custom-checkbox .custom-control-label::before {
   border-radius: 0.25rem;
@@ -364,11 +360,6 @@ input.btn-block[type="button"] {
   align-items: center;
   justify-content: space-between;
 }
-.clearfix::after {
-  display: block;
-  clear: both;
-  content: "";
-}
 .fixed-top {
   position: fixed;
   top: 0;
@@ -434,8 +425,13 @@ input.btn-block[type="button"] {
   cursor: not-allowed;
   color: #89888d;
 }
+.gl-form-checkbox.custom-control {
+  padding-left: 1rem;
+}
 .gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label {
   cursor: pointer;
+  padding-left: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 .gl-form-checkbox.custom-control
   .custom-control-input
@@ -444,6 +440,7 @@ input.btn-block[type="button"] {
   .custom-control-input
   ~ .custom-control-label::after {
   top: 0;
+  left: -1rem;
 }
 .gl-form-checkbox.custom-control
   .custom-control-input
@@ -663,11 +660,17 @@ body.navless {
 .btn-block {
   width: 100%;
   margin: 0;
-  margin-bottom: 1rem;
 }
 .btn-block.btn {
   padding: 6px 0;
 }
+:root {
+  --performance-bar-height: 0px;
+  --system-header-height: 0px;
+  --top-bar-height: 0px;
+  --system-footer-height: 0px;
+  --mr-review-bar-height: 0px;
+}
 .tab-content {
   overflow: visible;
 }
@@ -695,7 +698,11 @@ hr {
 }
 .flash-container.sticky {
   position: sticky;
-  top: 48px;
+  top: calc(
+    var(--header-height, 48px) +
+      calc(var(--system-header-height) + var(--performance-bar-height)) +
+      var(--top-bar-height)
+  );
   z-index: 251;
 }
 .flash-container.flash-container-page {
@@ -726,7 +733,7 @@ label.label-bold {
   color: #89888d;
 }
 .gl-show-field-errors .form-control:not(textarea) {
-  height: 34px;
+  height: 32px;
 }
 .navbar-empty {
   justify-content: center;
@@ -761,234 +768,18 @@ input:-ms-input-placeholder {
 svg {
   fill: currentColor;
 }
-.login-page .container {
-  max-width: 960px;
-}
-.login-page .navbar-gitlab .container {
-  max-width: none;
-}
-.login-page .flash-container {
-  margin-bottom: 16px;
-  position: relative;
-  top: 8px;
-}
-.login-page .brand-holder {
-  font-size: 18px;
-  line-height: 1.5;
-}
-.login-page .brand-holder p {
-  font-size: 16px;
-  color: #888;
-}
-.login-page .brand-holder h3 {
-  font-size: 22px;
-}
-.login-page .brand-holder img {
-  max-width: 100%;
-  margin-bottom: 30px;
-}
-.login-page .brand-holder a {
-  font-weight: 600;
-}
-.login-page p {
-  font-size: 13px;
-}
-.login-page .signin-text p {
-  margin-bottom: 0;
-  line-height: 1.5;
-}
-.login-page .borderless .login-box,
-.login-page .borderless .omniauth-container {
-  box-shadow: none;
-}
-.login-page .borderless .g-recaptcha > div {
-  margin-left: auto;
-  margin-right: auto;
-}
-.login-page .login-box,
-.login-page .omniauth-container {
-  box-shadow: 0 0 0 1px #dcdcde;
-  border-radius: 0.25rem;
-}
-.login-page .login-box .login-heading h3,
-.login-page .omniauth-container .login-heading h3 {
-  font-weight: 400;
-  line-height: 1.5;
-  margin: 0 0 10px;
-}
-.login-page .login-box .login-footer,
-.login-page .omniauth-container .login-footer {
-  margin-top: 10px;
-}
-.login-page .login-box .login-footer p:last-child,
-.login-page .omniauth-container .login-footer p:last-child {
-  margin-bottom: 0;
-}
-.login-page .login-box a.forgot,
-.login-page .omniauth-container a.forgot {
-  float: right;
-  padding-top: 6px;
-}
-.login-page .login-box .nav .active a,
-.login-page .omniauth-container .nav .active a {
-  background: transparent;
-}
-.login-page .login-box .login-body,
-.login-page .omniauth-container .login-body {
-  font-size: 13px;
-}
-.login-page .login-box .login-body input + p,
-.login-page .login-box .login-body input ~ p.field-validation,
-.login-page .omniauth-container .login-body input + p,
-.login-page .omniauth-container .login-body input ~ p.field-validation {
-  margin-top: 5px;
-}
-.login-page .login-box .login-body .username .validation-success,
-.login-page .omniauth-container .login-body .username .validation-success {
-  color: #217645;
-}
-.login-page .login-box .login-body .username .validation-error,
-.login-page .omniauth-container .login-body .username .validation-error {
-  color: #dd2b0e;
-}
-.login-page .omniauth-container {
-  border-radius: 0.25rem;
-  font-size: 13px;
-}
-.login-page .omniauth-container p {
-  margin: 0;
-}
-.login-page .omniauth-container form {
-  padding: 0;
-  border: 0;
-  background: none;
-}
-.login-page .new-session-tabs {
-  display: flex;
-  box-shadow: 0 0 0 1px #dcdcde;
-  border-top-right-radius: 4px;
-  border-top-left-radius: 4px;
-}
-.login-page .new-session-tabs.nav-links-unboxed {
-  border-color: transparent;
-  box-shadow: none;
-}
-.login-page .new-session-tabs.nav-links-unboxed .nav-item {
-  border-left: 0;
-  border-right: 0;
-  border-bottom: 1px solid #dcdcde;
-  background-color: transparent;
-}
-.login-page .new-session-tabs.custom-provider-tabs {
-  flex-wrap: wrap;
-}
-.login-page .new-session-tabs.custom-provider-tabs li {
-  min-width: 85px;
-  flex-basis: auto;
-}
-.login-page .new-session-tabs.custom-provider-tabs li:nth-child(n + 5) {
-  border-top: 1px solid #dcdcde;
-}
-.login-page .new-session-tabs.custom-provider-tabs a {
-  font-size: 16px;
-}
-.login-page .new-session-tabs li {
-  flex: 1;
-  text-align: center;
-  border-left: 1px solid #dcdcde;
-}
-.login-page .new-session-tabs li:first-of-type {
-  border-left: 0;
-  border-top-left-radius: 4px;
-}
-.login-page .new-session-tabs li:last-of-type {
-  border-top-right-radius: 4px;
-}
-.login-page .new-session-tabs li:not(.active) {
-  background-color: #fbfafd;
-}
-.login-page .new-session-tabs li a {
-  width: 100%;
-  font-size: 18px;
-}
-.login-page .new-session-tabs li.active > a {
-  cursor: default;
-}
-.login-page .form-control:active,
-.login-page .form-control:focus {
-  background-color: #fff;
-}
-.login-page .submit-container {
-  margin-top: 16px;
-}
-.login-page input[type="submit"] {
-  margin-bottom: 0;
-  display: block;
-  width: 100%;
-}
-.login-page .devise-errors h2 {
-  margin-top: 0;
-  font-size: 14px;
-  color: #ae1800;
-}
-@media (max-width: 575.98px) {
-  .login-page .col-md-5.float-right {
-    float: none !important;
-    margin-bottom: 45px;
-  }
-}
-.devise-layout-html {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-}
-.devise-layout-html body {
-  height: calc(100% - 51px);
-  margin: 0;
-  padding: 0;
-}
-.devise-layout-html body.navless {
-  height: calc(100% - 11px);
-}
-.devise-layout-html body .page-wrap {
-  min-height: 100%;
-  position: relative;
-}
-.devise-layout-html body .footer-container,
-.devise-layout-html body hr.footer-fixed {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 40px;
-  background: #fff;
-}
-.devise-layout-html body .login-page-broadcast {
-  margin-top: 40px;
-}
-.devise-layout-html body .navless-container {
-  padding: 0 15px 65px;
-}
-.devise-layout-html body .flash-container {
-  padding-bottom: 65px;
-}
-@media (max-width: 575.98px) {
-  .devise-layout-html body .flash-container {
-    padding-bottom: 0;
-  }
-}
 
+.fixed-top {
+  top: calc(var(--system-header-height) + var(--performance-bar-height));
+}
 .gl-display-flex {
   display: flex;
 }
 .gl-display-inline-block {
   display: inline-block;
 }
-.gl-flex-wrap {
-  flex-wrap: wrap;
-}
-.gl-justify-content-center {
-  justify-content: center;
+.gl-align-items-center {
+  align-items: center;
 }
 .gl-justify-content-space-between {
   justify-content: space-between;
@@ -1002,9 +793,6 @@ svg {
 .gl-w-half {
   width: 50%;
 }
-.gl-w-90p {
-  width: 90%;
-}
 .gl-w-full {
   width: 100%;
 }
@@ -1013,9 +801,6 @@ svg {
     width: 100%;
   }
 }
-.gl-p-5 {
-  padding: 1rem;
-}
 .gl-px-5 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1023,6 +808,13 @@ svg {
 .gl-pt-5 {
   padding-top: 1rem;
 }
+.gl-pb-5 {
+  padding-bottom: 1rem;
+}
+.gl-py-5 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
 .gl-mt-3 {
   margin-top: 0.5rem;
 }
@@ -1032,9 +824,6 @@ svg {
 .gl-mr-auto {
   margin-right: auto;
 }
-.gl-mr-2 {
-  margin-right: 0.25rem;
-}
 .gl-mb-1 {
   margin-bottom: 0.125rem;
 }
@@ -1047,9 +836,6 @@ svg {
 .gl-ml-auto {
   margin-left: auto;
 }
-.gl-ml-2 {
-  margin-left: 0.25rem;
-}
 @media (min-width: 576px) {
   .gl-sm-mt-0 {
     margin-top: 0;
@@ -1061,9 +847,6 @@ svg {
 .gl-font-size-h2 {
   font-size: 1.1875rem;
 }
-.gl-font-weight-normal {
-  font-weight: 400;
-}
 .gl-font-weight-bold {
   font-weight: 600;
 }