Showing hover backgrounds on expand toggles.

This commit is contained in:
2020-01-09 03:54:47 +01:00
parent 83cbdcbf3d
commit b1343a63b5
3 changed files with 34 additions and 3 deletions

View File

@@ -674,6 +674,9 @@
.sites.expanded .tiles[data-v-7bebaa3e] {
grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr));
}
.sites.expanded.compact .tiles[data-v-7bebaa3e] {
padding: 0 1rem 1rem 1rem;
}
.tiles[data-v-7bebaa3e] {
display: grid;
grid-gap: 0 1rem;
@@ -781,7 +784,7 @@
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: .5rem 0 0 0;
padding: .5rem 0;
font-weight: bold;
font-size: .9rem;
cursor: pointer;
@@ -793,10 +796,23 @@
.expand:hover .icon[data-v-e2e12602] {
fill: rgba(0, 0, 0, 0.7);
}
.expand-sidebar[data-v-e2e12602]:hover {
background: rgba(0, 0, 0, 0.1);
}
.expand-header[data-v-e2e12602] {
display: none;
}
.expand-header[data-v-e2e12602]:hover {
background: rgba(0, 0, 0, 0.1);
}
.collapse-header[data-v-e2e12602] {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background: #222;
color: rgba(255, 255, 255, 0.5);
}
@@ -804,6 +820,7 @@
fill: rgba(255, 255, 255, 0.5);
}
.collapse-header[data-v-e2e12602]:hover {
background: rgba(255, 255, 255, 0.075);
color: #fff;
}
.collapse-header:hover .icon[data-v-e2e12602] {