Some minor layout and css update (#5491)

Azure · Feb 21, 2023 · 693bdb5 · 693bdb5
1 parent a711df9
commit 693bdb5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/dotnet/APIView/APIViewWeb/Client/css/shared/bootstraps-overrides.scss b/src/dotnet/APIView/APIViewWeb/Client/css/shared/bootstraps-overrides.scss
@@ -37,6 +37,10 @@
     color: var(--primary-btn-color);
 }
 
+.btn-outline-primary.disabled, .btn-outline-primary:disabled {
+    color: var(--link-color);
+}
+
 .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
     box-shadow: 0 0 0 0.25rem var(--outer-glow);
 }

diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Assemblies/Samples.cshtml
@@ -166,9 +166,9 @@ else
                                         <input asp-for="Upload.RevisionTitle" class="form-control" type="text" /> <br />
                                         <input asp-for="Upload.ReviewId" hidden value="@Model.Review.ReviewId" />
                                         <input asp-for="Upload.RevisionNumber" hidden value="@Model.SampleRevisions.Count()" />
-                                        <div class="form-group mb-3">
-                                            <label asp-for="Upload.File" class="form-label small">Select usage sample for this review</label>
-                                            <input asp-for="Upload.File" type="file" class="form-control">
+                                        <div class="input-group mb-3 custom-file-label">
+                                            <label for="uploadMarkdownSample" class="input-group-text small mb-0">Select usage sample for this review</label>
+                                            <input asp-for="Upload.File" type="file" class="form-control" id="uploadMarkdownSample">
                                         </div>
                                         <div class="d-flex flex-row-reverse pt-3 mb-3">
                                             <button type="submit" class="btn btn-primary" onclick="this.form.submit(); this.disabled = true;"><i class="fas fa-cloud-upload-alt"></i>&nbsp;&nbsp;Upload</button>

diff --git a/src/dotnet/APIView/APIViewWeb/Pages/Shared/_Layout.cshtml b/src/dotnet/APIView/APIViewWeb/Pages/Shared/_Layout.cshtml
@@ -124,7 +124,6 @@
     <script src="https://cdn.jsdelivr.net/npm/underscore@stable/underscore-umd-min.js"
             crossorigin="anonymous">
     </script>
-    </script>
     <script src="~/main.js" asp-append-version="true"></script>
 
     @RenderSection("Scripts", required: false)