[NG] Signpost focus states accessibility fixes

Signed-off-by: Aditya Bhandari <adityab@vmware.com>
vmware-archive · Jul 11, 2018 · 2285fef · 2285fef
1 parent 84fb866
commit 2285fef
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/clr-angular/popover/signpost/_signposts.clarity.scss b/src/clr-angular/popover/signpost/_signposts.clarity.scss
@@ -15,7 +15,6 @@
       margin: 0;
       padding: 0;
       color: $clr-signpost-action-color;
-      outline: none;
 
       clr-icon {
         width: 1rem;

diff --git a/src/clr-angular/popover/signpost/_variables.signpost.scss b/src/clr-angular/popover/signpost/_variables.signpost.scss
@@ -3,12 +3,12 @@
 // The full license information can be found in LICENSE in the root directory of this project.
 
 // Usage: ../signpost/_signpost.clarity.scss
-$clr-signpost-action-color: $clr-dark-midtone-gray;
+$clr-signpost-action-color: $clr-gray;
 $clr-signpost-outerBorder: $clr-dark-midtone-gray !default;
 $clr-signpost-innerBlock: $clr-white !default;
 $clr-signpost-border-size: 0.5rem;
 // TODO: should be able to theme the colors in these pointers...
 $clr-signpost-pointer-border: $clr-signpost-border-size solid $clr-signpost-outerBorder;
 $clr-signpost-pointer-invisible-border: $clr-signpost-border-size solid transparent;
 $clr-signpost-pointer-psuedo-border: $clr-signpost-border-size solid $clr-signpost-innerBlock;
-$clr-signpost-action-hover-color: $clr-action-blue;
+$clr-signpost-action-hover-color: #0065ab;
diff --git a/src/dev/src/app/signpost/signpost.demo.html b/src/dev/src/app/signpost/signpost.demo.html
@@ -31,4 +31,4 @@ <h4>{{ position.description }}</h4>
             </div>
         </div>
     </div>
-</div>
+</div>