Issue #3476768 by bluegeek9: Failing pipeline

Closes #3476768

css/moderation_note.css

@@ -2,12 +2,13 @@
   position: absolute;
   z-index: 100;
   padding: 6px 1em;
-  transition: background .5s ease;
+  transition: background 0.5s ease;
   color: white;
   border: 0;
   border-radius: 5px;
   background: #277abd;
-  font-family: "Lucida Grande", 'Lucida Sans Unicode','liberation sans', sans-serif;
+  font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans",
+    sans-serif;
   font-size: 12px;
 }
 
@@ -30,7 +31,7 @@
   width: 0;
   height: 0;
   content: " ";
-  transition: border-top .5s ease;
+  transition: border-top 0.5s ease;
   border-top: 10px solid #277abd;
   border-right: 10px solid transparent;
   border-left: 10px solid transparent;
@@ -42,7 +43,7 @@
 }
 
 .moderation-note-highlight {
-  transition: background .5s ease;
+  transition: background 0.5s ease;
   background: yellow;
 }
 
@@ -51,7 +52,8 @@
 }
 
 .moderation-note-sidebar-wrapper,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-sidebar-wrapper,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-sidebar-wrapper,
 #drupal-off-canvas-wrapper .moderation-note-sidebar-wrapper {
   padding-bottom: 150px;
 }
@@ -71,8 +73,14 @@ div.moderation-note,
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item.form-item-assignee,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-form .form-item.form-item-assignee {
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item.form-item-assignee,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-form
+  .form-item.form-item-assignee {
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -80,13 +88,19 @@ div.moderation-note,
 }
 
 .moderation-note-form .form-item-assignee label,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item-assignee label,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item-assignee
+  label,
 #drupal-off-canvas-wrapper .moderation-note-form .form-item-assignee label {
-  margin-right: .5rem;
+  margin-right: 0.5rem;
 }
 
 .moderation-note-form .form-item-assignee input,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item-assignee input,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item-assignee
+  input,
 #drupal-off-canvas-wrapper .moderation-note-form .form-item-assignee input {
   width: 100%;
   margin: 0;
@@ -100,10 +114,10 @@ div.moderation-note,
 @keyframes moderation-note-form-delete {
   from {
     background: #2a6594;
-}
+  }
   to {
     background: #b53535;
-}
+  }
 }
 
 @keyframes moderation-note-form-delete-actions {
@@ -118,30 +132,47 @@ div.moderation-note,
 .moderation-note-form-delete,
 #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form-delete,
 #drupal-off-canvas-wrapper .moderation-note-form-delete {
-  animation: moderation-note-form-delete .5s;
+  animation: moderation-note-form-delete 0.5s;
   background: #b53535;
 }
 
-.ui-dialog .ui-dialog-content .moderation-note-form.moderation-note-form-delete .form-actions,
+.ui-dialog
+  .ui-dialog-content
+  .moderation-note-form.moderation-note-form-delete
+  .form-actions,
 .moderation-note-form.moderation-note-form-delete input[type="submit"],
 .moderation-note-form.moderation-note-form-delete .form-actions,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form.moderation-note-form-delete .form-actions,
-#drupal-off-canvas-wrapper .moderation-note-form.moderation-note-form-delete .form-actions,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form.moderation-note-form-delete input[type="submit"].button,
-#drupal-off-canvas-wrapper .moderation-note-form.moderation-note-form-delete input[type="submit"].button {
-  animation: moderation-note-form-delete-actions .5s;
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form.moderation-note-form-delete
+  .form-actions,
+#drupal-off-canvas-wrapper
+  .moderation-note-form.moderation-note-form-delete
+  .form-actions,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form.moderation-note-form-delete
+  input[type="submit"].button,
+#drupal-off-canvas-wrapper
+  .moderation-note-form.moderation-note-form-delete
+  input[type="submit"].button {
+  animation: moderation-note-form-delete-actions 0.5s;
   color: white;
   background: #b94747;
 }
 
 .moderation-note-form.moderation-note-form-delete input[type="submit"]:hover,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form.moderation-note-form-delete input[type="submit"].button:hover,
-#drupal-off-canvas-wrapper .moderation-note-form.moderation-note-form-delete input[type="submit"].button:hover {
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form.moderation-note-form-delete
+  input[type="submit"].button:hover,
+#drupal-off-canvas-wrapper
+  .moderation-note-form.moderation-note-form-delete
+  input[type="submit"].button:hover {
   background: #893737;
 }
 
 .moderation-note .moderation-note-text,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-text,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-text,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-text {
   margin-bottom: 10px;
 }
@@ -150,20 +181,32 @@ div.moderation-note,
 .moderation-note .moderation-note-owner a,
 .moderation-note .moderation-note-assignee,
 .moderation-note .moderation-note-assignee a,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-owner,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-owner,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-owner,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-owner a,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-owner
+  a,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-owner a,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-assignee,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-assignee,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-assignee,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-assignee a,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-assignee
+  a,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-assignee a {
   text-align: right;
   font-size: 12px;
 }
 
 .moderation-note .moderation-note-assignee,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-assignee,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-assignee,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-assignee {
   margin: -10px -10px 10px -10px;
   padding: 5px;
@@ -183,7 +226,8 @@ div.moderation-note,
 }
 
 .moderation-note-quote-information,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-quote-information,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-quote-information,
 #drupal-off-canvas-wrapper .moderation-note-quote-information {
   margin-bottom: 10px;
   padding: 10px;
@@ -192,7 +236,9 @@ div.moderation-note,
 }
 
 .moderation-note-quote-information blockquote,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-quote-information blockquote,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-quote-information
+  blockquote,
 #drupal-off-canvas-wrapper .moderation-note-quote-information blockquote {
   overflow: hidden;
   margin: 5px;
@@ -204,7 +250,9 @@ div.moderation-note,
 }
 
 .moderation-note-quote-information p,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-quote-information p,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-quote-information
+  p,
 #drupal-off-canvas-wrapper .moderation-note-quote-information p {
   margin: 0;
   font-size: 12px;
@@ -212,27 +260,50 @@ div.moderation-note,
 
 .ui-dialog .moderation-note-quote-information,
 .ui-dialog .moderation-note-quote-information p,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-dialog .moderation-note-quote-information,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .ui-dialog
+  .moderation-note-quote-information,
 #drupal-off-canvas-wrapper .ui-dialog .moderation-note-quote-information,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-dialog .moderation-note-quote-information p,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .ui-dialog
+  .moderation-note-quote-information
+  p,
 #drupal-off-canvas-wrapper .ui-dialog .moderation-note-quote-information p {
   display: none !important;
 }
 
 .ui-dialog .moderation-note-preview .moderation-note-quote-information,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-dialog .moderation-note-preview .moderation-note-quote-information,
-#drupal-off-canvas-wrapper .ui-dialog .moderation-note-preview .moderation-note-quote-information {
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .ui-dialog
+  .moderation-note-preview
+  .moderation-note-quote-information,
+#drupal-off-canvas-wrapper
+  .ui-dialog
+  .moderation-note-preview
+  .moderation-note-quote-information {
   display: block !important;
 }
 
 .moderation-note .moderation-note-actions,
 .ui-dialog .ui-dialog-content .moderation-note-form .form-actions,
 .moderation-note-form .form-actions,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-actions,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-actions,
 #drupal-off-canvas-wrapper .moderation-note .moderation-note-actions,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-dialog .ui-dialog-content .moderation-note-form .form-actions,
-#drupal-off-canvas-wrapper .ui-dialog .ui-dialog-content .moderation-note-form .form-actions,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-actions,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .ui-dialog
+  .ui-dialog-content
+  .moderation-note-form
+  .form-actions,
+#drupal-off-canvas-wrapper
+  .ui-dialog
+  .ui-dialog-content
+  .moderation-note-form
+  .form-actions,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-actions,
 #drupal-off-canvas-wrapper .moderation-note-form .form-actions {
   display: block;
   width: calc(100% + 20px);
@@ -254,18 +325,23 @@ div.moderation-note,
 }
 
 .moderation-note-actions a,
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a,
 .ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-actions a,
 .moderation-note-form input[type="submit"],
 #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a,
 #drupal-off-canvas-wrapper .moderation-note-actions a,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form input[type="submit"].button,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  input[type="submit"].button,
 #drupal-off-canvas-wrapper .moderation-note-form input[type="submit"].button {
   display: inline-block;
   width: initial;
   margin: 0;
   padding: 10px;
-  transition: .2s ease;
+  transition: 0.2s ease;
   color: white;
   border: 0;
   border-radius: 0;
@@ -275,69 +351,137 @@ div.moderation-note,
 }
 
 .moderation-note-actions a:hover,
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:hover,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-actions a:hover,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:hover,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-actions
+  a:hover,
 .moderation-note-form input[type="submit"]:hover,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:hover,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:hover,
 #drupal-off-canvas-wrapper .moderation-note-actions a:hover,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form input[type="submit"].button:hover,
-#drupal-off-canvas-wrapper .moderation-note-form input[type="submit"].button:hover,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  input[type="submit"].button:hover,
+#drupal-off-canvas-wrapper
+  .moderation-note-form
+  input[type="submit"].button:hover,
 .moderation-note-actions a:active,
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:active,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-actions a:active,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:active,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-actions
+  a:active,
 .moderation-note-form input[type="submit"]:active,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:active,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:active,
 #drupal-off-canvas-wrapper .moderation-note-actions a:active,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form input[type="submit"].button:active,
-#drupal-off-canvas-wrapper .moderation-note-form input[type="submit"].button:active,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  input[type="submit"].button:active,
+#drupal-off-canvas-wrapper
+  .moderation-note-form
+  input[type="submit"].button:active,
 .moderation-note-actions a:focus,
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:focus,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-actions a:focus,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:focus,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-actions
+  a:focus,
 .moderation-note-form input[type="submit"]:focus,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-actions a:focus,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-actions
+  a:focus,
 #drupal-off-canvas-wrapper .moderation-note-actions a:focus,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form input[type="submit"].button:focus,
-#drupal-off-canvas-wrapper .moderation-note-form input[type="submit"].button:focus {
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  input[type="submit"].button:focus,
+#drupal-off-canvas-wrapper
+  .moderation-note-form
+  input[type="submit"].button:focus {
   text-decoration: none;
   color: white;
   border: 0;
   background: #376189;
 }
 
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-form .form-item {
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-form
+  .form-item {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .messages__wrapper,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .messages__wrapper,
 #drupal-off-canvas-wrapper .moderation-note-form .messages__wrapper,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .messages,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .messages,
 #drupal-off-canvas-wrapper .moderation-note-form .messages {
   margin: 0;
   padding-top: 0;
   background: none;
 }
 
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item.form-item-assignee,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-form .form-item.form-item-assignee,
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form .form-item.form-item-assignee label,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note-form .form-item.form-item-assignee label,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item.form-item-assignee,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-form
+  .form-item.form-item-assignee,
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form
+  .form-item.form-item-assignee
+  label,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note-form
+  .form-item.form-item-assignee
+  label,
 #drupal-off-canvas:not(.drupal-off-canvas-reset) .ui-autocomplete *,
 #drupal-off-canvas-wrapper .ui-autocomplete *,
 #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note *,
 #drupal-off-canvas-wrapper .moderation-note *,
 #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form-wrapper,
 #drupal-off-canvas-wrapper .moderation-note-form-wrapper,
-#drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note-form-wrapper p,
+#drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note-form-wrapper
+  p,
 #drupal-off-canvas-wrapper .moderation-note-form-wrapper p {
   background: none;
   font-size: 14px;
   font-weight: normal;
 }
 
-.ui-dialog-off-canvas #drupal-off-canvas:not(.drupal-off-canvas-reset) .moderation-note .moderation-note-publishing-status,
-.ui-dialog-off-canvas #drupal-off-canvas-wrapper .moderation-note .moderation-note-publishing-status {
+.ui-dialog-off-canvas
+  #drupal-off-canvas:not(.drupal-off-canvas-reset)
+  .moderation-note
+  .moderation-note-publishing-status,
+.ui-dialog-off-canvas
+  #drupal-off-canvas-wrapper
+  .moderation-note
+  .moderation-note-publishing-status {
   margin: -10px -10px 15px -10px;
   padding: 10px;
   text-align: right;
@@ -346,7 +490,7 @@ div.moderation-note,
 }
 
 .moderation-note-resolved {
-  filter: grayscale(.4);
+  filter: grayscale(0.4);
 }
 
 /* @todo Remove when https://www.drupal.org/project/drupal/issues/2945571 is closed */