From 3f25393bba2f04e0f808e2dcc22a41218d0d5d19 Mon Sep 17 00:00:00 2001
From: Ryu Yu <ryuyu@microsoft.com>
Date: Wed, 17 May 2017 16:38:13 -0700
Subject: [PATCH] Allow auto outlining. Fix issue with outline on click.
 (#3983)

---
 src/NuGetGallery/Content/Site.css | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/NuGetGallery/Content/Site.css b/src/NuGetGallery/Content/Site.css
index e432c8b425..27c76f7d20 100644
--- 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 {