Picture of aaron quinn
how do i remove this blue highlight (focus rectangle?)
by aaron quinn - Thursday, 22 December 2016, 12:08 AM
 

this highlight is only appearing on the first (and only) course that i have created. none of the examples in the showcase have it. how do i get rid of it, it's annoying to see. the accessibility settings don't affect it, and i didn't notice anything strange in my mac or safari settings. thanks.

 

strange blue highlight

Picture of Sam Tsiu
Re: how do i remove this blue highlight (focus rectangle?)
by Sam Tsiu - Thursday, 22 December 2016, 8:22 AM
 

Hi Aaron,

It has got nothing to do with your computer or browser.

I've asked the same question and even raised an issue on the framework repo. It turned out to be an intentional change of the vanilla theme following #1230.

To remove it, set:

outline-style: none;

Cheers

Sam

Picture of aaron quinn
Re: how do i remove this blue highlight (focus rectangle?)
by aaron quinn - Thursday, 22 December 2016, 9:15 AM
 

hi sam. it was really that easy? thank you so much. i would never have figured that out on my own... i used the vanilla theme downloaded from git as a starting point to make my own theme... and it was driving me crazy that the highlight was on everything i clicked.

//--

theme's directory > less > src > focus.less

.focused,
*:focus,
input:focus + label {
outline-style: none;
.accessibility.no-touch & {
outline: @focus-outline;
}
}

 

Picture of Sam Tsiu
Re: how do i remove this blue highlight (focus rectangle?)
by Sam Tsiu - Thursday, 22 December 2016, 3:04 PM
 

I couldn't figure it out myself and thought it was a bug with the vanilla theme:-)