Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove focus outlines around links only when they were focused with the mouse.

Browse Source
This commit is contained in:
ccd0 2015-03-02 20:47:50 -08:00
parent 220b5cbddd
commit 3e3aeffce1
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/General/Main.coffee
View File

@ -105,6 +105,11 @@ Main =
$.addClass doc, if chrome? then 'blink' else 'gecko' $.addClass doc, if chrome? then 'blink' else 'gecko'
$.addStyle Main.css, 'fourchanx-css' $.addStyle Main.css, 'fourchanx-css'
mouse = false
$.on d, 'mousedown', -> mouse = true
$.on d, 'keydown', -> mouse = false
window.addEventListener 'focus', (-> doc.classList.toggle 'mouse-focus', mouse), true
Main.setClass() Main.setClass()
setClass: -> setClass: ->

3
src/General/css/style.css
View File

@ -64,6 +64,9 @@ a[href="javascript:;"] {
body.hasDropDownNav{ body.hasDropDownNav{
margin-top: 5px; margin-top: 5px;
} }
:root.mouse-focus a {
outline: none;
}
.painted { .painted {
border-radius: 3px; border-radius: 3px;
padding: 0px 2px; padding: 0px 2px;