Fixed SweetAlert styles on Status Page (#2150)

Closes #2145

public/build/rev-manifest.json

@@ -1,5 +1,5 @@
 {
-  "dist/css/app.css": "dist/css/app-9deaf42d2d.css",
+  "dist/css/app.css": "dist/css/app-4969131026.css",
-  "dist/css/dashboard.css": "dist/css/dashboard-4d83328449.css",
+  "dist/css/dashboard.css": "dist/css/dashboard-74b9fc9eb6.css",
-  "dist/js/all.js": "dist/js/all-4a731241c5.js"
+  "dist/js/all.js": "dist/js/all-e4ec43d60f.js"
 }

resources/assets/sass/app.scss

@@ -1,4 +1,7 @@
 @import "vendors";
 
+// Styles for plugins
+@import "plugins/sweetalert";
+
 // Status Page will need to override certain styles.
 @import "status-page/status-page";

resources/assets/sass/plugins/_github-markdown.scss

@@ -6,13 +6,119 @@
 .markdown-body {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
+  line-height: 1.5;
   color: #333;
-  font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 16px;
-  line-height: 1.6;
+  line-height: 1.5;
   word-wrap: break-word;
 }
 
+.markdown-body .pl-c {
+  color: #969896;
+}
+
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
+  color: #0086b3;
+}
+
+.markdown-body .pl-e,
+.markdown-body .pl-en {
+  color: #795da3;
+}
+
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
+  color: #333;
+}
+
+.markdown-body .pl-ent {
+  color: #63a35c;
+}
+
+.markdown-body .pl-k {
+  color: #a71d5d;
+}
+
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
+  color: #183691;
+}
+
+.markdown-body .pl-v {
+  color: #ed6a43;
+}
+
+.markdown-body .pl-id {
+  color: #b52a1d;
+}
+
+.markdown-body .pl-ii {
+  color: #f8f8f8;
+  background-color: #b52a1d;
+}
+
+.markdown-body .pl-sr .pl-cce {
+  font-weight: bold;
+  color: #63a35c;
+}
+
+.markdown-body .pl-ml {
+  color: #693a17;
+}
+
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
+  font-weight: bold;
+  color: #1d3e81;
+}
+
+.markdown-body .pl-mq {
+  color: #008080;
+}
+
+.markdown-body .pl-mi {
+  font-style: italic;
+  color: #333;
+}
+
+.markdown-body .pl-mb {
+  font-weight: bold;
+  color: #333;
+}
+
+.markdown-body .pl-md {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.markdown-body .pl-mi1 {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.markdown-body .pl-mdr {
+  font-weight: bold;
+  color: #795da3;
+}
+
+.markdown-body .pl-mo {
+  color: #1d3e81;
+}
+
+.markdown-body .octicon {
+  display: inline-block;
+  vertical-align: text-top;
+  fill: currentColor;
+}
+
 .markdown-body a {
   background-color: transparent;
   -webkit-text-decoration-skip: objects;
@@ -66,34 +172,19 @@
   overflow: visible;
 }
 
-.markdown-body button:-moz-focusring,
-.markdown-body [type="button"]:-moz-focusring,
-.markdown-body [type="reset"]:-moz-focusring,
-.markdown-body [type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
 .markdown-body [type="checkbox"] {
   box-sizing: border-box;
   padding: 0;
 }
 
-.markdown-body table {
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-
-.markdown-body td,
-.markdown-body th {
-  padding: 0;
-}
-
 .markdown-body * {
   box-sizing: border-box;
 }
 
 .markdown-body input {
-  font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
 }
 
 .markdown-body a {
@@ -106,6 +197,10 @@
   text-decoration: underline;
 }
 
+.markdown-body strong {
+  font-weight: 600;
+}
+
 .markdown-body hr {
   height: 0;
   margin: 15px 0;
@@ -126,6 +221,16 @@
   content: "";
 }
 
+.markdown-body table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+}
+
 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
@@ -134,31 +239,36 @@
 .markdown-body h6 {
   margin-top: 0;
   margin-bottom: 0;
-  line-height: 1.5;
 }
 
 .markdown-body h1 {
-  font-size: 30px;
+  font-size: 32px;
+  font-weight: 600;
 }
 
 .markdown-body h2 {
-  font-size: 21px;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .markdown-body h3 {
-  font-size: 16px;
+  font-size: 20px;
+  font-weight: 600;
 }
 
 .markdown-body h4 {
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: 600;
 }
 
 .markdown-body h5 {
-  font-size: 12px;
+  font-size: 14px;
+  font-weight: 600;
 }
 
 .markdown-body h6 {
-  font-size: 11px;
+  font-size: 12px;
+  font-weight: 600;
 }
 
 .markdown-body p {
@@ -204,44 +314,21 @@
   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;
 }
 
-.markdown-body .pl-0 {
+.markdown-body .octicon {
-  padding-left: 0 !important;
+  vertical-align: text-bottom;
 }
 
-.markdown-body .pl-1 {
+.markdown-body input {
-  padding-left: 3px !important;
+  -webkit-font-feature-settings: "liga" 0;
+  font-feature-settings: "liga" 0;
 }
 
-.markdown-body .pl-2 {
+.markdown-body::before {
-  padding-left: 6px !important;
-}
-
-.markdown-body .pl-3 {
-  padding-left: 12px !important;
-}
-
-.markdown-body .pl-4 {
-  padding-left: 24px !important;
-}
-
-.markdown-body .pl-5 {
-  padding-left: 36px !important;
-}
-
-.markdown-body .pl-6 {
-  padding-left: 48px !important;
-}
-
-.markdown-body .form-select::-ms-expand {
-  opacity: 0;
-}
-
-.markdown-body:before {
   display: table;
   content: "";
 }
 
-.markdown-body:after {
+.markdown-body::after {
   display: table;
   clear: both;
   content: "";
@@ -261,25 +348,73 @@
 }
 
 .markdown-body .anchor {
-  display: inline-block;
+  float: left;
-  padding-right: 2px;
+  padding-right: 4px;
-  margin-left: -18px;
+  margin-left: -20px;
+  line-height: 1;
 }
 
 .markdown-body .anchor:focus {
   outline: none;
 }
 
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+
+.markdown-body hr {
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: #e7e7e7;
+  border: 0;
+}
+
+.markdown-body blockquote {
+  padding: 0 1em;
+  color: #777;
+  border-left: 0.25em solid #ddd;
+}
+
+.markdown-body blockquote>:first-child {
+  margin-top: 0;
+}
+
+.markdown-body blockquote>:last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font-size: 11px;
+  line-height: 10px;
+  color: #555;
+  vertical-align: middle;
+  background-color: #fcfcfc;
+  border: solid 1px #ccc;
+  border-bottom-color: #bbb;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #bbb;
+}
+
 .markdown-body h1,
 .markdown-body h2,
 .markdown-body h3,
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
-  margin-top: 1em;
+  margin-top: 24px;
   margin-bottom: 16px;
-  font-weight: bold;
+  font-weight: 600;
-  line-height: 1.4;
+  line-height: 1.25;
 }
 
 .markdown-body h1 .octicon-link,
@@ -313,79 +448,33 @@
 
 .markdown-body h1 {
   padding-bottom: 0.3em;
-  font-size: 2.25em;
+  font-size: 2em;
-  line-height: 1.2;
   border-bottom: 1px solid #eee;
 }
 
-.markdown-body h1 .anchor {
-  line-height: 1;
-}
-
 .markdown-body h2 {
   padding-bottom: 0.3em;
-  font-size: 1.75em;
+  font-size: 1.5em;
-  line-height: 1.225;
   border-bottom: 1px solid #eee;
 }
 
-.markdown-body h2 .anchor {
-  line-height: 1;
-}
-
 .markdown-body h3 {
-  font-size: 1.5em;
-  line-height: 1.43;
-}
-
-.markdown-body h3 .anchor {
-  line-height: 1.2;
-}
-
-.markdown-body h4 {
   font-size: 1.25em;
 }
 
-.markdown-body h4 .anchor {
+.markdown-body h4 {
-  line-height: 1.2;
+  font-size: 1em;
 }
 
 .markdown-body h5 {
-  font-size: 1em;
+  font-size: 0.875em;
-}
-
-.markdown-body h5 .anchor {
-  line-height: 1.1;
 }
 
 .markdown-body h6 {
-  font-size: 1em;
+  font-size: 0.85em;
   color: #777;
 }
 
-.markdown-body h6 .anchor {
-  line-height: 1.1;
-}
-
-.markdown-body p,
-.markdown-body blockquote,
-.markdown-body ul,
-.markdown-body ol,
-.markdown-body dl,
-.markdown-body table,
-.markdown-body pre {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-.markdown-body hr {
-  height: 4px;
-  padding: 0;
-  margin: 16px 0;
-  background-color: #e7e7e7;
-  border: 0 none;
-}
-
 .markdown-body ul,
 .markdown-body ol {
   padding-left: 2em;
@@ -403,6 +492,10 @@
   margin-top: 16px;
 }
 
+.markdown-body li+li {
+  margin-top: 0.25em;
+}
+
 .markdown-body dl {
   padding: 0;
 }
@@ -420,26 +513,10 @@
   margin-bottom: 16px;
 }
 
-.markdown-body blockquote {
-  padding: 0 15px;
-  color: #777;
-  border-left: 4px solid #ddd;
-}
-
-.markdown-body blockquote>:first-child {
-  margin-top: 0;
-}
-
-.markdown-body blockquote>:last-child {
-  margin-bottom: 0;
-}
-
 .markdown-body table {
   display: block;
   width: 100%;
   overflow: auto;
-  word-break: normal;
-  word-break: keep-all;
 }
 
 .markdown-body table th {
@@ -477,12 +554,16 @@
   border-radius: 3px;
 }
 
-.markdown-body code:before,
+.markdown-body code::before,
-.markdown-body code:after {
+.markdown-body code::after {
   letter-spacing: -0.2em;
   content: "\00a0";
 }
 
+.markdown-body pre {
+  word-wrap: normal;
+}
+
 .markdown-body pre>code {
   padding: 0;
   margin: 0;
@@ -497,6 +578,11 @@
   margin-bottom: 16px;
 }
 
+.markdown-body .highlight pre {
+  margin-bottom: 0;
+  word-break: normal;
+}
+
 .markdown-body .highlight pre,
 .markdown-body pre {
   padding: 16px;
@@ -507,143 +593,54 @@
   border-radius: 3px;
 }
 
-.markdown-body .highlight pre {
-  margin-bottom: 0;
-  word-break: normal;
-}
-
-.markdown-body pre {
-  word-wrap: normal;
-}
-
 .markdown-body pre code {
   display: inline;
-  max-width: initial;
+  max-width: auto;
   padding: 0;
   margin: 0;
-  overflow: initial;
+  overflow: visible;
   line-height: inherit;
   word-wrap: normal;
   background-color: transparent;
   border: 0;
 }
 
-.markdown-body pre code:before,
+.markdown-body pre code::before,
-.markdown-body pre code:after {
+.markdown-body pre code::after {
   content: normal;
 }
 
-.markdown-body kbd {
+.markdown-body .pl-0 {
-  display: inline-block;
+  padding-left: 0 !important;
-  padding: 3px 5px;
-  font-size: 11px;
-  line-height: 10px;
-  color: #555;
-  vertical-align: middle;
-  background-color: #fcfcfc;
-  border: solid 1px #ccc;
-  border-bottom-color: #bbb;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #bbb;
 }
 
-.markdown-body .pl-c {
+.markdown-body .pl-1 {
-  color: #969896;
+  padding-left: 3px !important;
 }
 
-.markdown-body .pl-c1,
+.markdown-body .pl-2 {
-.markdown-body .pl-s .pl-v {
+  padding-left: 6px !important;
-  color: #0086b3;
 }
 
-.markdown-body .pl-e,
+.markdown-body .pl-3 {
-.markdown-body .pl-en {
+  padding-left: 12px !important;
-  color: #795da3;
 }
 
-.markdown-body .pl-s .pl-s1,
+.markdown-body .pl-4 {
-.markdown-body .pl-smi {
+  padding-left: 24px !important;
-  color: #333;
 }
 
-.markdown-body .pl-ent {
+.markdown-body .pl-5 {
-  color: #63a35c;
+  padding-left: 36px !important;
 }
 
-.markdown-body .pl-k {
+.markdown-body .pl-6 {
-  color: #a71d5d;
+  padding-left: 48px !important;
 }
 
-.markdown-body .pl-pds,
+.markdown-body .full-commit .btn-outline:not(:disabled):hover {
-.markdown-body .pl-s,
+  color: #4078c0;
-.markdown-body .pl-s .pl-pse .pl-s1,
+  border: 1px solid #4078c0;
-.markdown-body .pl-sr,
-.markdown-body .pl-sr .pl-cce,
-.markdown-body .pl-sr .pl-sra,
-.markdown-body .pl-sr .pl-sre {
-  color: #183691;
-}
-
-.markdown-body .pl-v {
-  color: #ed6a43;
-}
-
-.markdown-body .pl-id {
-  color: #b52a1d;
-}
-
-.markdown-body .pl-ii {
-  background-color: #b52a1d;
-  color: #f8f8f8;
-}
-
-.markdown-body .pl-sr .pl-cce {
-  color: #63a35c;
-  font-weight: bold;
-}
-
-.markdown-body .pl-ml {
-  color: #693a17;
-}
-
-.markdown-body .pl-mh,
-.markdown-body .pl-mh .pl-en,
-.markdown-body .pl-ms {
-  color: #1d3e81;
-  font-weight: bold;
-}
-
-.markdown-body .pl-mq {
-  color: #008080;
-}
-
-.markdown-body .pl-mi {
-  color: #333;
-  font-style: italic;
-}
-
-.markdown-body .pl-mb {
-  color: #333;
-  font-weight: bold;
-}
-
-.markdown-body .pl-md {
-  background-color: #ffecec;
-  color: #bd2c00;
-}
-
-.markdown-body .pl-mi1 {
-  background-color: #eaffea;
-  color: #55a532;
-}
-
-.markdown-body .pl-mdr {
-  color: #795da3;
-  font-weight: bold;
-}
-
-.markdown-body .pl-mo {
-  color: #1d3e81;
 }
 
 .markdown-body kbd {
@@ -660,23 +657,12 @@
   box-shadow: inset 0 -1px 0 #bbb;
 }
 
-.markdown-body .full-commit .btn-outline:not(:disabled):hover {
-  color: #4078c0;
-  border: 1px solid #4078c0;
-}
-
 .markdown-body :checked+.radio-label {
   position: relative;
   z-index: 1;
   border-color: #4078c0;
 }
 
-.markdown-body .octicon {
-  display: inline-block;
-  vertical-align: text-top;
-  fill: currentColor;
-}
-
 .markdown-body .task-list-item {
   list-style-type: none;
 }