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

@ -71,13 +71,12 @@ html {
background: #f0f0f0
}
.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;
}
@ -341,24 +340,25 @@ html {
color: #fff
}
.emby-button-focusscale:focus {
.emby-button.show-focus:focus {
background: #00a4dc;
color: #fff
}
.emby-tab-button {
color: #999;
color: rgba(0, 0, 0, .5)
}
.emby-tab-button-active,
.emby-tab-button-active.emby-button-tv {
color: #fff
}
.emby-tab-button.emby-button-tv:focus {
.emby-tab-button-active {
color: #fff;
}
.emby-tab-button.show-focus:focus {
color: #fff;
}
.emby-tab-button:hover {
color: #fff;
background: 0 0
}
.channelPrograms,
@ -413,7 +413,7 @@ html {
color: #00a4dc
}
.guide-date-tab-button.emby-button-tv:focus {
.guide-date-tab-button.show-focus:focus {
background-color: #00a4dc;
color: #fff
}