Merge pull request #8776 from NuGet/dev

[ReleasePrep][2021.08.30]RI of dev into main

Author: Daniel Jacinto

src/Bootstrap/dist/css/bootstrap-theme.css

@@ -87,11 +87,6 @@
 .btn-danger {
   .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
 }
-// Blue button for installation instructions
-.btn-blue {
-  .button-variant(@btn-default-color; #0078D4; @btn-default-border);
-}
-
 
 // Link buttons
 // -------------------------

src/Bootstrap/dist/css/bootstrap.css

@@ -4,7 +4,14 @@
         word-break: normal;
     }
 
-    .custom-license-container {
+    .custom-license-container, .license-file-html-container{
+        display: block;
+        padding: 10.5px;
+        background-color: @pre-bg;
+        border: 1px solid #ccc;
+        word-break: normal;
         margin-bottom: @default-margin-bottom;
+        overflow: auto;
+        max-height: 450px;
     }
 }

src/Bootstrap/less/buttons.less

@@ -160,48 +160,6 @@
     margin-bottom: 15px;
   }
 
-  .installation-instructions {
-    background-color: #F3F2F1;
-
-    .installation-instructions-dropdown {
-      font-size: 14px;
-      background-color: #F3F2F1;
-      height: 31px;
-      border-left: 0px;
-      border-top: 0px;
-      border-right: 0px;
-    }
-
-    .installation-instruction {
-      background-color: #FAF9F8;
-      font-size: 14px;
-
-      pre {
-        background-color: #FAF9F8;
-        border: 0px;
-        margin-bottom: 0px;
-        width: 100%;
-      }
-
-      .alert {
-        margin-top: 0px;
-      }
-    }
-  }
-
-  button {
-    width: 32px;
-    height: 32px;
-    float: right;
-    padding: 0px;
-
-    .ms-Icon--Copy {
-      color: #FFFFFF;
-      width: 16px;
-      height: 16px;
-    }
-  }
-
   .package-details-main {
     .break-word;
 
@@ -219,8 +177,13 @@
         margin-bottom: 18px;
       }
 
+      .ms-Icon {
+        top: 1px;
+      }
+
       img.icon {
         position: absolute;
+        top: 1px;
         left: -24px;
         width: 16px;
         height: 16px;
@@ -415,6 +378,55 @@
       font-weight: 600;
       text-decoration: underline;
     }
+
+    .tab-content {
+      .tab-pane {
+        > div {
+          display: table;
+          height: 1px;
+        }
+
+        .install-script-row {
+          display: table-row;
+          height: 100%;
+
+          .install-script {
+            display: table-cell;
+            background-color: @panel-footer-bg;
+            font-family: @font-family-monospace;
+            font-size: 1em;
+            color: #fff;
+            width: 100%;
+            max-width: 1px;
+            line-height: 1.5;
+            white-space: pre-wrap;
+            // Add a border with the same color as the background to support visual callout
+            // in high contrast mode (since borders are shown).
+            border-color: @panel-footer-bg;
+            border-style: solid;
+            border-width: 1px 0 1px 1px;
+            user-select: all;
+            vertical-align: middle;
+            word-break: break-word;
+          }
+
+          .copy-button {
+            height: 100%;
+
+            button {
+              height: 100%;
+              min-height: 42px;
+              line-height: 1.5;
+            }
+          }
+        }
+
+        .alert {
+          margin: 0;
+          width: 100%;
+        }
+      }
+    }
   }
 
   .body-tabs {
@@ -432,6 +444,11 @@
       font-size: 14px;
       font-family: @font-family-base;
       color: #323130;
+
+      .ms-Icon {
+        position: relative;
+        top: 2px;
+      }
     }
   }
 

src/Bootstrap/less/theme/common-licenses.less

@@ -9,6 +9,8 @@ public enum AuditedPackageRegistrationAction
         RemoveOwner,
         MarkVerified,
         MarkUnverified,
-        SetRequiredSigner
+        SetRequiredSigner,
+        AddOwnershipRequest,
+        DeleteOwnershipRequest,
     }
 }