Skip to content

Thursday 2022-11-10 16:35 UTC - `gitlab-org/gitlab` broken `master` with 1 failed jobs

gitlab-org/gitlab pipeline #691317869 failed

Branch: master

Commit: Merge branch '360501-loose-foreign-key-slis' into 'master'

Triggered by Sean McGivern • Source: push • Duration: 44.6 minutes

Failed jobs (1):

Click to expand logs 
$ yarn check:startup_css
yarn run v1.22.17
$ scripts/frontend/startup_css/startup_css_changed.sh
-----------------------------------------------------------
If you run into any issues with Startup CSS generation
please check out the feedback issue:
https://gitlab.com/gitlab-org/gitlab/-/issues/331812
-----------------------------------------------------------
Staging changes to '*app/assets/stylesheets/startup*' so we can check for untracked files...
Startup CSS changes detected!
It looks like there have been recent changes which require
regenerating the Startup CSS files.
IMPORTANT:
  - If you are making changes to any Startup CSS file, it is very likely that
    **both** the CE and EE Startup CSS files will need to be updated.
  - Changing any Startup CSS file will trigger the "as-if-foss" job to also run.
HOW TO FIX:
To fix this job, consider one of the following options:
  1. (Strongly recommended) Copy and apply the diff below:
  2. Regenerate locally with "yarn run generate:startup_css".
     You may need to set "FOSS_ONLY=1" if you are trying to generate for CE.
----- start diff -----
diff --git a/ee/app/assets/stylesheets/startup/startup-dark.scss b/ee/app/assets/stylesheets/startup/startup-dark.scss
index 7b8f9e117..47e7a2b64 100644
--- a/ee/app/assets/stylesheets/startup/startup-dark.scss
+++ b/ee/app/assets/stylesheets/startup/startup-dark.scss
@@ -1794,7 +1794,7 @@ body.gl-dark {
   --border-color: #4f4f4f;
   --white: #333;
   --black: #fff;
-  --gray-light: #303030;
+  --gray-light: #333238;
   --svg-status-bg: #333;
 }
 .nav-sidebar,
@@ -2038,7 +2038,7 @@ body.gl-dark {
   --border-color: #4f4f4f;
   --white: #333;
   --black: #fff;
-  --gray-light: #303030;
+  --gray-light: #333238;
   --svg-status-bg: #333;
 }
 .tab-width-8 {
diff --git a/ee/app/assets/stylesheets/startup/startup-general.scss b/ee/app/assets/stylesheets/startup/startup-general.scss
index 90927bd00..802262ba3 100644
--- a/ee/app/assets/stylesheets/startup/startup-general.scss
+++ b/ee/app/assets/stylesheets/startup/startup-general.scss
@@ -23,7 +23,7 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #333238;
+  color: #303030;
   text-align: left;
   background-color: #fff;
 }
@@ -99,7 +99,7 @@ kbd {
   padding: 0.2rem 0.4rem;
   font-size: 90%;
   color: #fff;
-  background-color: #333238;
+  background-color: #303030;
   border-radius: 0.2rem;
 }
 kbd kbd {
@@ -122,24 +122,24 @@ kbd kbd {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #333238;
+  color: #303030;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid #89888d;
+  border: 1px solid #868686;
   border-radius: 0.25rem;
 }
 @media (prefers-reduced-motion: reduce) {
 }
 .form-control:-moz-focusring {
   color: transparent;
-  text-shadow: 0 0 0 #333238;
+  text-shadow: 0 0 0 #303030;
 }
 .form-control::placeholder {
-  color: #626168;
+  color: #5e5e5e;
   opacity: 1;
 }
 .form-control:disabled {
-  background-color: #fbfafd;
+  background-color: #fafafa;
   opacity: 1;
 }
 .form-inline {
@@ -157,7 +157,7 @@ kbd kbd {
 .btn {
   display: inline-block;
   font-weight: 400;
-  color: #333238;
+  color: #303030;
   text-align: center;
   vertical-align: middle;
   user-select: none;
@@ -193,7 +193,7 @@ kbd kbd {
   padding: 0.5rem 0;
   margin: 0.125rem 0 0;
   font-size: 1rem;
-  color: #333238;
+  color: #303030;
   text-align: left;
   list-style: none;
   background-color: #fff;
@@ -436,8 +436,8 @@ a.gl-badge.badge-warning:active {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   height: auto;
-  color: #333238;
-  box-shadow: inset 0 0 0 1px #89888d;
+  color: #303030;
+  box-shadow: inset 0 0 0 1px #868686;
   border-style: none;
   appearance: none;
   -moz-appearance: none;
@@ -446,17 +446,17 @@ a.gl-badge.badge-warning:active {
 .gl-form-input:not(.form-control-plaintext):not([type="color"]):read-only,
 .gl-form-input.form-control:disabled,
 .gl-form-input.form-control:not(.form-control-plaintext):not([type="color"]):read-only {
-  background-color: #fbfafd;
-  box-shadow: inset 0 0 0 1px #dcdcde;
+  background-color: #f5f5f5;
+  box-shadow: inset 0 0 0 1px #dbdbdb;
 }
 .gl-form-input:disabled,
 .gl-form-input.form-control:disabled {
   cursor: not-allowed;
-  color: #737278;
+  color: #666;
 }
 .gl-form-input::placeholder,
 .gl-form-input.form-control::placeholder {
-  color: #89888d;
+  color: #868686;
 }
 .gl-icon {
   fill: currentColor;
@@ -499,9 +499,9 @@ a.gl-badge.badge-warning:active {
   padding-right: 0.75rem;
   background-color: transparent;
   line-height: 1rem;
-  color: #333238;
+  color: #303030;
   fill: currentColor;
-  box-shadow: inset 0 0 0 1px #bfbfc3;
+  box-shadow: inset 0 0 0 1px #bfbfbf;
   justify-content: center;
   align-items: center;
   font-size: 0.875rem;
@@ -512,20 +512,20 @@ a.gl-badge.badge-warning:active {
 }
 .gl-button.gl-button.btn-default:active,
 .gl-button.gl-button.btn-default.active {
-  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px #fff, 0 0 0 3px #428fdc;
+  box-shadow: inset 0 0 0 1px #5e5e5e, 0 0 0 1px #fff, 0 0 0 3px #428fdc;
   outline: none;
-  background-color: #dcdcde;
+  background-color: #dbdbdb;
 }
 .gl-button.gl-button.btn-default:active .gl-icon,
 .gl-button.gl-button.btn-default.active .gl-icon {
-  color: #333238;
+  color: #303030;
 }
 .gl-button.gl-button.btn-default .gl-icon {
-  color: #737278;
+  color: #666;
 }
 .gl-search-box-by-type-search-icon {
   margin: 0.5rem;
-  color: #737278;
+  color: #666;
   width: 1rem;
   position: absolute;
 }
@@ -575,11 +575,11 @@ svg {
   height: 0;
   margin: 4px 0;
   overflow: hidden;
-  border-top: 1px solid #dcdcde;
+  border-top: 1px solid #dbdbdb;
 }
 .toggle-sidebar-button .collapse-text,
 .toggle-sidebar-button .icon-chevron-double-lg-left {
-  color: #737278;
+  color: #666;
 }
 html {
   overflow-y: scroll;
@@ -595,20 +595,20 @@ html {
   font-weight: 400;
   padding: 6px 10px;
   background-color: #fff;
-  border-color: #dcdcde;
-  color: #333238;
-  color: #333238;
+  border-color: #dbdbdb;
+  color: #303030;
+  color: #303030;
   white-space: nowrap;
 }
 .btn:active {
-  background-color: #ececef;
+  background-color: #f0f0f0;
   box-shadow: none;
 }
 .btn:active,
 .btn.active {
   background-color: #eaeaea;
   border-color: #e3e3e3;
-  color: #333238;
+  color: #303030;
 }
 .btn svg {
   height: 15px;
@@ -620,7 +620,7 @@ html {
 .badge.badge-pill:not(.gl-badge) {
   font-weight: 400;
   background-color: rgba(0, 0, 0, 0.07);
-  color: #535158;
+  color: #525252;
   vertical-align: baseline;
 }
 .gl-font-sm {
@@ -639,10 +639,10 @@ html {
 .dropdown-menu-toggle {
   padding: 6px 8px 6px 10px;
   background-color: #fff;
-  color: #333238;
+  color: #303030;
   font-size: 14px;
   text-align: left;
-  border: 1px solid #dcdcde;
+  border: 1px solid #dbdbdb;
   border-radius: 0.25rem;
   white-space: nowrap;
 }
@@ -671,7 +671,7 @@ html {
   font-weight: 400;
   padding: 8px 0;
   background-color: #fff;
-  border: 1px solid #dcdcde;
+  border: 1px solid #dbdbdb;
   border-radius: 0.25rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
@@ -694,7 +694,7 @@ html {
   font-weight: 400;
   position: relative;
   padding: 8px 12px;
-  color: #333238;
+  color: #303030;
   line-height: 16px;
   white-space: normal;
   overflow: hidden;
@@ -703,8 +703,8 @@ html {
 }
 .dropdown-menu li > a:active,
 .dropdown-menu li button:active {
-  background-color: #ececef;
-  color: #333238;
+  background-color: #eee;
+  color: #303030;
   outline: 0;
   text-decoration: none;
 }
@@ -718,7 +718,7 @@ html {
   height: 1px;
   margin: 0.25rem 0;
   padding: 0;
-  background-color: #dcdcde;
+  background-color: #dbdbdb;
 }
 .dropdown-menu .badge.badge-pill + span:not(.badge):not(.badge-pill) {
   margin-right: 40px;
@@ -745,7 +745,7 @@ html {
 }
 input {
   border-radius: 0.25rem;
-  color: #333238;
+  color: #303030;
   background-color: #fff;
 }
 .form-control {
@@ -753,23 +753,23 @@ input {
   padding: 6px 10px;
 }
 .form-control::placeholder {
-  color: #89888d;
+  color: #868686;
 }
 kbd {
   display: inline-block;
   padding: 3px 5px;
   font-size: 0.6875rem;
   line-height: 10px;
-  color: var(--gray-700, #535158);
+  color: var(--gray-700, #525252);
   vertical-align: middle;
-  background-color: var(--gray-10, #fbfafd);
+  background-color: var(--gray-10, #f5f5f5);
   border-width: 1px;
   border-style: solid;
-  border-color: var(--gray-100, #dcdcde) var(--gray-100, #dcdcde)
-    var(--gray-200, #bfbfc3);
+  border-color: var(--gray-100, #dbdbdb) var(--gray-100, #dbdbdb)
+    var(--gray-200, #bfbfbf);
   border-image: none;
   border-radius: 3px;
-  box-shadow: 0 -1px 0 var(--gray-200, #bfbfc3) inset;
+  box-shadow: 0 -1px 0 var(--gray-200, #bfbfbf) inset;
 }
 .navbar-gitlab {
   padding: 0 16px;
@@ -991,7 +991,7 @@ kbd {
   float: left;
   margin-right: 5px;
   border-radius: 50%;
-  border: 1px solid #f2f2f4;
+  border: 1px solid #f5f5f5;
 }
 .notification-dot {
   background-color: #d99530;
@@ -1023,7 +1023,7 @@ kbd {
   width: 100%;
   align-items: center;
   padding: 10px 16px 10px 10px;
-  color: #333238;
+  color: #303030;
   background-color: transparent;
   border: 0;
   text-align: left;
@@ -1035,7 +1035,7 @@ kbd {
 .context-header .sidebar-context-title {
   overflow: hidden;
   text-overflow: ellipsis;
-  color: #333238;
+  color: #303030;
 }
 @media (min-width: 768px) {
   .page-with-contextual-sidebar {
@@ -1059,7 +1059,7 @@ kbd {
   z-index: 600;
   width: 256px;
   top: var(--header-height, 48px);
-  background-color: #fbfafd;
+  background-color: #f5f5f5;
   border-right: 1px solid #e9e9e9;
   transform: translate3d(0, 0, 0);
 }
@@ -1096,7 +1096,7 @@ kbd {
 }
 .nav-sidebar a {
   text-decoration: none;
-  color: #333238;
+  color: #303030;
 }
 .nav-sidebar li {
   white-space: nowrap;
@@ -1381,7 +1381,7 @@ kbd {
   display: block;
 }
 .sidebar-top-level-items li > a.gl-link {
-  color: #333238;
+  color: #303030;
 }
 .sidebar-top-level-items li > a.gl-link:active {
   text-decoration: none;
@@ -1398,12 +1398,12 @@ kbd {
 .close-nav-button {
   height: 48px;
   padding: 0 16px;
-  background-color: #fbfafd;
+  background-color: #fafafa;
   border: 0;
-  color: #737278;
+  color: #666;
   display: flex;
   align-items: center;
-  background-color: #fbfafd;
+  background-color: #f5f5f5;
   position: fixed;
   bottom: 0;
   width: 255px;
@@ -1474,14 +1474,14 @@ kbd {
   }
 }
 input::-moz-placeholder {
-  color: #89888d;
+  color: #868686;
   opacity: 1;
 }
 input::-ms-input-placeholder {
-  color: #89888d;
+  color: #868686;
 }
 input:-ms-input-placeholder {
-  color: #89888d;
+  color: #868686;
 }
 svg {
   fill: currentColor;
@@ -1608,9 +1608,9 @@ svg.s16 {
   width: 40px;
   height: 40px;
   padding: 0;
-  background: #fefefe;
+  background: #fdfdfd;
   overflow: hidden;
-  box-shadow: inset 0 0 0 1px rgba(31, 30, 36, 0.1);
+  box-shadow: inset 0 0 0 1px rgba(31, 31, 31, 0.1);
 }
 .avatar.avatar-tile {
   border-radius: 0;
@@ -1619,8 +1619,8 @@ svg.s16 {
 .identicon {
   text-align: center;
   vertical-align: top;
-  color: #333238;
-  background-color: #ececef;
+  color: #303030;
+  background-color: #f0f0f0;
 }
 .identicon.s16 {
   font-size: 10px;
@@ -1649,7 +1649,7 @@ svg.s16 {
   background-color: #fdf1dd;
 }
 .identicon.bg7 {
-  background-color: #ececef;
+  background-color: #f0f0f0;
 }
 .avatar-container {
   overflow: hidden;
diff --git a/ee/app/assets/stylesheets/startup/startup-signin.scss b/ee/app/assets/stylesheets/startup/startup-signin.scss
index 7ae158b39..33e10b9bd 100644
--- a/ee/app/assets/stylesheets/startup/startup-signin.scss
+++ b/ee/app/assets/stylesheets/startup/startup-signin.scss
@@ -22,7 +22,7 @@ body {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #333238;
+  color: #303030;
   text-align: left;
   background-color: #fff;
 }
@@ -110,7 +110,7 @@ h3 {
   margin-bottom: 0.25rem;
   font-weight: 600;
   line-height: 1.2;
-  color: #333238;
+  color: #303030;
 }
 h1 {
   font-size: 2.1875rem;
@@ -196,24 +196,24 @@ hr {
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #333238;
+  color: #303030;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid #89888d;
+  border: 1px solid #868686;
   border-radius: 0.25rem;
 }
 @media (prefers-reduced-motion: reduce) {
 }
 .form-control:-moz-focusring {
   color: transparent;
-  text-shadow: 0 0 0 #333238;
+  text-shadow: 0 0 0 #303030;
 }
 .form-control::placeholder {
-  color: #626168;
+  color: #5e5e5e;
   opacity: 1;
 }
 .form-control:disabled {
-  background-color: #fbfafd;
+  background-color: #fafafa;
   opacity: 1;
 }
 .form-group {
@@ -222,7 +222,7 @@ hr {
 .btn {
   display: inline-block;
   font-weight: 400;
-  color: #333238;
+  color: #303030;
   text-align: center;
   vertical-align: middle;
   user-select: none;
@@ -282,10 +282,10 @@ input.btn-block[type="button"] {
   border-color: #b3d7ff;
 }
 .custom-control-input:disabled ~ .custom-control-label {
-  color: #626168;
+  color: #5e5e5e;
 }
 .custom-control-input:disabled ~ .custom-control-label::before {
-  background-color: #fbfafd;
+  background-color: #fafafa;
 }
 .custom-control-label {
   position: relative;
@@ -302,7 +302,7 @@ input.btn-block[type="button"] {
   pointer-events: none;
   content: "";
   background-color: #fff;
-  border: #737278 solid 1px;
+  border: #666 solid 1px;
 }
 .custom-control-label::after {
   position: absolute;
@@ -400,8 +400,8 @@ input.btn-block[type="button"] {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
   height: auto;
-  color: #333238;
-  box-shadow: inset 0 0 0 1px #89888d;
+  color: #303030;
+  box-shadow: inset 0 0 0 1px #868686;
   border-style: none;
   appearance: none;
   -moz-appearance: none;
@@ -410,27 +410,27 @@ input.btn-block[type="button"] {
 .gl-form-input:not(.form-control-plaintext):not([type="color"]):read-only,
 .gl-form-input.form-control:disabled,
 .gl-form-input.form-control:not(.form-control-plaintext):not([type="color"]):read-only {
-  background-color: #fbfafd;
-  box-shadow: inset 0 0 0 1px #dcdcde;
+  background-color: #f5f5f5;
+  box-shadow: inset 0 0 0 1px #dbdbdb;
 }
 .gl-form-input:disabled,
 .gl-form-input.form-control:disabled {
   cursor: not-allowed;
-  color: #737278;
+  color: #666;
 }
 .gl-form-input::placeholder,
 .gl-form-input.form-control::placeholder {
-  color: #89888d;
+  color: #868686;
 }
 .gl-form-checkbox {
   font-size: 0.875rem;
   line-height: 1rem;
-  color: #333238;
+  color: #303030;
 }
 .gl-form-checkbox .custom-control-input:disabled,
 .gl-form-checkbox .custom-control-input:disabled ~ .custom-control-label {
   cursor: not-allowed;
-  color: #89888d;
+  color: #868686;
 }
 .gl-form-checkbox.custom-control .custom-control-input ~ .custom-control-label {
   cursor: pointer;
@@ -447,7 +447,7 @@ input.btn-block[type="button"] {
   .custom-control-input
   ~ .custom-control-label::before {
   background-color: #fff;
-  border-color: #89888d;
+  border-color: #868686;
 }
 .gl-form-checkbox.custom-control
   .custom-control-input:checked
@@ -490,8 +490,8 @@ input.btn-block[type="button"] {
 .gl-form-checkbox.custom-control
   .custom-control-input:disabled
   ~ .custom-control-label::before {
-  background-color: #ececef;
-  border-color: #dcdcde;
+  background-color: #f0f0f0;
+  border-color: #dbdbdb;
   pointer-events: auto;
 }
 .gl-form-checkbox.custom-control
@@ -500,8 +500,8 @@ input.btn-block[type="button"] {
 .gl-form-checkbox.custom-control
   .custom-control-input[type="checkbox"]:indeterminate:disabled
   ~ .custom-control-label::before {
-  background-color: #dcdcde;
-  border-color: #dcdcde;
+  background-color: #dbdbdb;
+  border-color: #dbdbdb;
 }
 .gl-form-checkbox.custom-control
   .custom-control-input:checked:disabled
@@ -509,7 +509,7 @@ input.btn-block[type="button"] {
 .gl-form-checkbox.custom-control
   .custom-control-input[type="checkbox"]:indeterminate:disabled
   ~ .custom-control-label::after {
-  background-color: #626168;
+  background-color: #5e5e5e;
 }
 .gl-button {
   display: inline-flex;
@@ -526,9 +526,9 @@ input.btn-block[type="button"] {
   padding-right: 0.75rem;
   background-color: transparent;
   line-height: 1rem;
-  color: #333238;
+  color: #303030;
   fill: currentColor;
-  box-shadow: inset 0 0 0 1px #bfbfc3;
+  box-shadow: inset 0 0 0 1px #bfbfbf;
   justify-content: center;
   align-items: center;
   font-size: 0.875rem;
@@ -560,9 +560,9 @@ input.btn-block[type="button"] {
 .gl-button.gl-button.btn-default.active,
 .gl-button.gl-button.btn-block.btn-default:active,
 .gl-button.gl-button.btn-block.btn-default.active {
-  box-shadow: inset 0 0 0 1px #626168, 0 0 0 1px #fff, 0 0 0 3px #428fdc;
+  box-shadow: inset 0 0 0 1px #5e5e5e, 0 0 0 1px #fff, 0 0 0 3px #428fdc;
   outline: none;
-  background-color: #dcdcde;
+  background-color: #dbdbdb;
 }
 .gl-button.gl-button.btn-confirm,
 .gl-button.gl-button.btn-block.btn-confirm {
@@ -636,20 +636,20 @@ body.navless {
   font-weight: 400;
   padding: 6px 10px;
   background-color: #fff;
-  border-color: #dcdcde;
-  color: #333238;
-  color: #333238;
+  border-color: #dbdbdb;
+  color: #303030;
+  color: #303030;
   white-space: nowrap;
 }
 .btn:active {
-  background-color: #ececef;
+  background-color: #f0f0f0;
   box-shadow: none;
 }
 .btn:active,
 .btn.active {
   background-color: #eaeaea;
   border-color: #e3e3e3;
-  color: #333238;
+  color: #303030;
 }
 .btn svg {
   height: 15px;
@@ -676,7 +676,7 @@ body.navless {
 }
 hr {
   margin: 1.5rem 0;
-  border-top: 1px solid #ececef;
+  border-top: 1px solid #eee;
 }
 .footer-links {
   margin-bottom: 20px;
@@ -704,7 +704,7 @@ hr {
 }
 input {
   border-radius: 0.25rem;
-  color: #333238;
+  color: #303030;
   background-color: #fff;
 }
 label {
@@ -721,7 +721,7 @@ label.label-bold {
   padding: 6px 10px;
 }
 .form-control::placeholder {
-  color: #89888d;
+  color: #868686;
 }
 .gl-show-field-errors .form-control:not(textarea) {
   height: 34px;
@@ -730,7 +730,7 @@ label.label-bold {
   justify-content: center;
   height: var(--header-height, 48px);
   background: #fff;
-  border-bottom: 1px solid #dcdcde;
+  border-bottom: 1px solid #dbdbdb;
 }
 .navbar-empty .tanuki-logo,
 .navbar-empty .brand-header-logo {
@@ -747,14 +747,14 @@ label.label-bold {
   fill: #fca326;
 }
 input::-moz-placeholder {
-  color: #89888d;
+  color: #868686;
   opacity: 1;
 }
 input::-ms-input-placeholder {
-  color: #89888d;
+  color: #868686;
 }
 input:-ms-input-placeholder {
-  color: #89888d;
+  color: #868686;
 }
 svg {
   fill: currentColor;
@@ -805,7 +805,7 @@ svg {
 }
 .login-page .login-box,
 .login-page .omniauth-container {
-  box-shadow: 0 0 0 1px #dcdcde;
+  box-shadow: 0 0 0 1px #dbdbdb;
   border-radius: 0.25rem;
 }
 .login-page .login-box .login-heading h3,
@@ -863,7 +863,7 @@ svg {
 }
 .login-page .new-session-tabs {
   display: flex;
-  box-shadow: 0 0 0 1px #dcdcde;
+  box-shadow: 0 0 0 1px #dbdbdb;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
 }
@@ -874,7 +874,7 @@ svg {
 .login-page .new-session-tabs.nav-links-unboxed .nav-item {
   border-left: 0;
   border-right: 0;
-  border-bottom: 1px solid #dcdcde;
+  border-bottom: 1px solid #dbdbdb;
   background-color: transparent;
 }
 .login-page .new-session-tabs.custom-provider-tabs {
@@ -885,7 +885,7 @@ svg {
   flex-basis: auto;
 }
 .login-page .new-session-tabs.custom-provider-tabs li:nth-child(n + 5) {
-  border-top: 1px solid #dcdcde;
+  border-top: 1px solid #dbdbdb;
 }
 .login-page .new-session-tabs.custom-provider-tabs a {
   font-size: 16px;
@@ -893,7 +893,7 @@ svg {
 .login-page .new-session-tabs li {
   flex: 1;
   text-align: center;
-  border-left: 1px solid #dcdcde;
+  border-left: 1px solid #dbdbdb;
 }
 .login-page .new-session-tabs li:first-of-type {
   border-left: 0;
@@ -903,7 +903,7 @@ svg {
   border-top-right-radius: 4px;
 }
 .login-page .new-session-tabs li:not(.active) {
-  background-color: #fbfafd;
+  background-color: #fafafa;
 }
 .login-page .new-session-tabs li a {
   width: 100%;
----- end diff -------
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

General guidelines

Follow the Broken master handbook guide.

Investigation

Be sure to fill the Timeline for this incident.

  1. If the failure is new, and looks like a potential flaky failure, you can retry the failing job. Make sure to mention the retry in the Timeline and leave a link to the retried job.
  2. If the failure looks like a broken master, communicate the broken master in Slack using the "Broadcast Master Broken" workflow:
    • Click the Shortcut lightning bolt icon in the #master-broken channel and select "Broadcast Master Broken".
    • Click "Continue the broadcast" after the automated message in #master-broken.

Pre-resolution

If you believe that there's an easy resolution by either:

  • Reverting a particular merge request. Make sure to add the ~"pipeline:revert" label in that case, to speed up the revert pipeline.
  • Making a quick fix (for example, one line or a few similar simple changes in a few lines). You can create a merge request, assign to any available maintainer, and ping people that were involved/related to the introduction of the failure. Additionally, a message can be posted in #backend_maintainers or #frontend_maintainers to get a maintainer take a look at the fix ASAP.

Resolution

Follow the Resolution steps from the handbook.

Edited by Nao Hashizume