EDUCATIC
/
h5p-memory-game
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove focus outline on non-tabable elements

pull/31/head
Paal Joergensen 2017-11-02 10:19:03 +01:00
parent a97055cb78
commit cf3dfe10ec
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
memory-game.css
View File

@ -272,7 +272,7 @@
color: #666;
}
.h5p-memory-game .h5p-memory-close:focus {
outline: 2px dashed pink;
outline: 2px solid #a5c7fe;
}
.h5p-memory-reset {
position: absolute;
@ -302,7 +302,7 @@
margin-top: -0.2em;
}
.h5p-memory-reset:focus {
outline: 2px dashed pink;
outline: 2px solid #a5c7fe;
}
.h5p-memory-transin {
transform: translate(-50%,-50%) scale(0) rotate(180deg);
@ -315,3 +315,6 @@
.h5p-memory-complete {
display: none;
}
.h5p-memory-game .h5p-programatically-focusable {
outline: none;
}

1
memory-game.js
View File

@ -436,6 +436,7 @@ H5P.MemoryGame = (function (EventDispatcher, $) {
$list.appendTo($container);
$bottom = $('<div/>', {
'class': 'h5p-programatically-focusable',
tabindex: '-1',
appendTo: $container
});

2
popup.js
View File

@ -13,7 +13,7 @@
var closed;
var $popup = $('<div class="h5p-memory-pop" role="dialog"><div class="h5p-memory-top"></div><div class="h5p-memory-desc" tabindex="-1"></div><div class="h5p-memory-close" role="button" tabindex="0" title="' + (l10n.closeLabel || 'Close') + '"></div></div>').appendTo($container);
var $popup = $('<div class="h5p-memory-pop" role="dialog"><div class="h5p-memory-top"></div><div class="h5p-memory-desc h5p-programatically-focusable" tabindex="-1"></div><div class="h5p-memory-close" role="button" tabindex="0" title="' + (l10n.closeLabel || 'Close') + '"></div></div>').appendTo($container);
var $desc = $popup.find('.h5p-memory-desc');
var $top = $popup.find('.h5p-memory-top');