Browse Source

hidden content hover feedback

master
Gerben 4 years ago
parent
commit
de8236e287
1 changed files with 10 additions and 0 deletions
  1. +10
    -0
      public/custom-style.css

+ 10
- 0
public/custom-style.css View File

@@ -70,12 +70,22 @@ kbd {
background: #F9FAFB;
}

details > summary.ui.top.attached.header::marker {
font-size: 1.2em;
}

/* Show a hint of hidden content under a closed folder */
details:not([open]) > summary.ui.top.attached.header {
background: linear-gradient(#f9fafb 80%, #ddd 84%, #f9fafb 88%, #ddd 92%, #f9fafb 96%, #ddd);
padding-bottom: 1.5rem;
}

details:not([open]) > summary.ui.top.attached.header:hover {
/* background: linear-gradient(#f9fafb 75%, #ddd 80%, #f9fafb 85%, #ddd 90%, #f9fafb 95%, #ddd); */
/* padding-bottom: 1.75rem; */
background: linear-gradient(#f9fafb 80%, #ccc 84%, #f9fafb 88%, #ccc 92%, #f9fafb 96%, #ccc);
}

.ui.left.attached.button {
margin-right: 1px;
}


Loading…
Cancel
Save