Allow auto outlining. Fix issue with outline on click. (#3983)

NuGet · May 17, 2017 · 3f25393 · 3f25393
1 parent 01d0a4a
commit 3f25393
Showing 1 changed file with 17 additions and 7 deletions.
diff --git a/src/NuGetGallery/Content/Site.css b/src/NuGetGallery/Content/Site.css
@@ -156,6 +156,10 @@ a {
         border: none;
     }
 
+    a:focus {
+        outline: auto;
+    }
+
 blockquote {
     color: #666;
     font-style: italic;
@@ -239,10 +243,6 @@ th {
         padding: 5px;
     }
 
-:focus {
-    outline: #ff9600 solid 2px;
-}
-
 /* Logo */
 
 #logo {
@@ -987,6 +987,12 @@ fieldset.form {
         border-left: none;
     }
 
+        .form-field input[type="checkbox"]:focus,
+        .form-field input[type="radio"]:focus,
+        .form-field input[type="file"]:focus {
+            outline: auto !important;
+        }
+
     .form-field input[type="url"] {
         width: 100%;
     }
@@ -1142,8 +1148,8 @@ a.btn {
         text-decoration: underline;
     }
 
-    .btn.btn-veryflat:not(:focus) {
-        outline: none;
+    .btn.btn-veryflat:focus {
+        outline: auto;
     }
 
 a:hover.btn {
@@ -1193,6 +1199,10 @@ button, input[type="submit"], .btn {
     margin: 15px 0;
 }
 
+.form input[type="submit"]:focus {
+    outline: auto;
+}
+
 .validation-summary-errors,
 .field-validation-error {
     color: #c13a3f;
@@ -1277,7 +1287,7 @@ button, input[type="submit"], .btn {
 }
 
     .btn.btn-big:focus {
-        outline: #ff9600 solid 2px;
+        outline: auto;
     }
 
 .verticalSeparator {