FFE-31 Set close button outline on focus

SpareBank1 · Nov 11, 2016 · 72c217e · 72c217e
1 parent 35f8972
commit 72c217e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/examples/ffe-context-message.html b/examples/ffe-context-message.html
@@ -96,7 +96,7 @@ <h1 class='ffe-h1' style="text-align: center">tips</h1>
 </div>
 
 <script>
-    document.querySelector('.ffe-context-message__close').addEventListener('click', function () {
+    document.querySelector('.ffe-context-message__close-button').addEventListener('click', function () {
         var element = document.querySelector('.ffe-context-message-wrapper');
         element.style.height = element.offsetHeight + 'px';
         setTimeout(function () {

diff --git a/less/ffe-context-message.less b/less/ffe-context-message.less
@@ -42,16 +42,18 @@
     top: 1em;
     right: 1em;
     cursor: pointer;
+    color: @ffe-grey-dark;
     fill: @ffe-grey-dark;
     border: none;
     padding: 0;
-    background-color: transparent;
     outline: none;
+    background-color: transparent;
     height: 1em;
     width: 1em;
-    &:active {
-      fill: @ffe-black;
+    &:focus {
+      outline: auto;
     }
+
     &-svg {
       height: 100%;
       width: 100%;