kopia lustrzana https://github.com/dgtlmoon/changedetection.io
UI - Make tabs hoverable
rodzic
64caeea491
commit
8aae4197d7
|
@ -525,6 +525,8 @@ footer {
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 5px;
|
||||||
background-color: rgba(255, 255, 255, 0.2); }
|
background-color: rgba(255, 255, 255, 0.2); }
|
||||||
|
.tabs ul li:not(.active):hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5); }
|
||||||
.tabs ul li.active, .tabs ul li :target {
|
.tabs ul li.active, .tabs ul li :target {
|
||||||
background-color: #fff; }
|
background-color: #fff; }
|
||||||
.tabs ul li.active a, .tabs ul li :target a {
|
.tabs ul li.active a, .tabs ul li :target a {
|
||||||
|
|
|
@ -609,7 +609,11 @@ footer {
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 5px;
|
||||||
background-color: rgba(255, 255, 255, 0.2);
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
&:not(.active) {
|
||||||
|
&:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
&.active, :target {
|
&.active, :target {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
||||||
|
|
Ładowanie…
Reference in New Issue