update sweetAlert and fix scrolling after copy (#15542)

layouts/partials/css.html

@@ -17,7 +17,6 @@
 <link rel="stylesheet" href="/css/case-study-styles.css">
 {{- end }}
 <link rel="stylesheet" href="{{ "css/jquery-ui.min.css" | relURL }}">
-<link rel="stylesheet" href="{{ "css/sweetalert.min.css" | relURL }}">
 <link rel="stylesheet" href="{{ "css/callouts.css" | relURL }}">
 <link rel="stylesheet" href="{{ "css/custom-jekyll/tags.css" | relURL }}">
 {{- if .Params.deprecated }}

layouts/partials/head.html

@@ -37,7 +37,8 @@
 <script src="{{ "js/jquery-3.2.1.min.js" | relURL }}"></script>
 <script src="{{ "js/jquery-ui-1.12.1.min.js" | relURL }}"></script>
 <script src="{{ "js/bootstrap-4.3.1.min.js" | relURL }}"></script>
-<script src="{{ "js/sweetalert-1.1.3.min.js" | relURL }}"></script>
+<script src="{{ "js/sweetalert-2.1.2.min.js" | relURL }}"></script>
+
 <script src="{{ "js/script.js" | relURL }}"></script>
 <script src="{{ "js/custom-jekyll/tags.js" | relURL }}"></script>
 {{ with .Params.js }}{{ range (split . ",") }}<script src="{{ (trim . " ") | relURL }}"></script><!-- custom js added -->

static/js/script.js

@@ -40,13 +40,13 @@ function copyCode(elem){
          try {
              succeed = document.execCommand("copy");
          } catch(e) {
-             sweetAlert("Oh, no...","Sorry, your browser doesn't support document.execCommand('copy'), so we can't copy this code to your clipboard.");
+             swal("Oh, no...","Sorry, your browser doesn't support document.execCommand('copy'), so we can't copy this code to your clipboard.");
              succeed = false;
          }
-         if (succeed) sweetAlert("Copied to clipboard: ",elem);
+         if (succeed) swal("Copied to clipboard: ",elem);
          return succeed;
      } else {
-         sweetAlert("Oops!",elem + " not found when trying to copy code");
+         swal("Oops!",elem + " not found when trying to copy code");
          return false;
      }
  }