improve button style when focused

This commit is contained in:
dkanada 2019-09-06 22:33:15 -07:00
parent 52136b57a2
commit 54ca2e9381
22 changed files with 148 additions and 196 deletions

View file

@ -64,13 +64,12 @@ html {
background: rgba(17, 98, 164, .9)
}
.paper-icon-button-light:hover {
.paper-icon-button-light:hover:not(:disabled) {
color: #00a4dc;
background-color: rgba(0,164,220, .2);
transition: 0.2s;
}
.paper-icon-button-light:focus {
.paper-icon-button-light.show-focus:focus {
color: #00a4dc;
}
@ -325,24 +324,25 @@ html {
color: #fff
}
.emby-button-focusscale:focus {
.emby-button.show-focus:focus {
background: #00a4dc;
color: #fff
}
.emby-tab-button {
color: #999;
color: rgba(255, 255, 255, .5)
}
.emby-tab-button-active,
.emby-tab-button-active.emby-button-tv {
.emby-tab-button-active {
color: #fff
}
.emby-tab-button.emby-button-tv:focus {
.emby-tab-button.show-focus:focus {
color: #fff;
}
.emby-tab-button:hover {
color: #fff;
background: 0 0
}
.channelPrograms,
@ -397,7 +397,7 @@ html {
color: #00a4dc
}
.guide-date-tab-button.emby-button-tv:focus {
.guide-date-tab-button.show-focus:focus {
background-color: #00a4dc;
color: #fff
}