voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve color of tab buttons active/inactive/hover.

Browse source
This commit is contained in:
voussoir 2020-09-03 12:04:18 -07:00
parent 45b42d3ca3
commit 0ee1599c93
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontends/etiquette_flask/static/css/common.css
View file

@ -162,6 +162,11 @@ button:active
font-family: inherit; font-family: inherit;
font-size: 1.3em; font-size: 1.3em;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
background-color: transparent;
}
.tabbed_container .tab_button:hover
{
background-color: var(--color_transparency);
} }
.tabbed_container .tab, .tabbed_container .tab,
.tabbed_container .tab_button .tabbed_container .tab_button
@ -170,14 +175,15 @@ button:active
border-style: solid; border-style: solid;
border-color: #888; border-color: #888;
} }
.tabbed_container .tab_button_inactive .tabbed_container .tab_button.tab_button_inactive
{ {
border-top-color: transparent; border-top-color: transparent;
border-left-color: transparent; border-left-color: transparent;
border-right-color: transparent; border-right-color: transparent;
} }
.tabbed_container .tab_button_active .tabbed_container .tab_button.tab_button_active
{ {
background-color: var(--color_transparency);
border-bottom-color: transparent; border-bottom-color: transparent;
} }
.tabbed_container .tab .tabbed_container .tab