diff options
| author | Ned Batchelder <ned@nedbatchelder.com> | 2019-10-17 15:41:00 -0400 |
|---|---|---|
| committer | Ned Batchelder <ned@nedbatchelder.com> | 2019-10-17 15:41:00 -0400 |
| commit | 070d3d1db11ab092860c660136744d886e750105 (patch) | |
| tree | 5c46ce85ffdd63680ff954a4fa605c7e1c08c0b2 /coverage/htmlfiles | |
| parent | 37f9bfa62dcdab64fdae2c5f850d1025f7db0201 (diff) | |
| download | python-coveragepy-git-070d3d1db11ab092860c660136744d886e750105.tar.gz | |
More polish on the expandable contexts
Diffstat (limited to 'coverage/htmlfiles')
| -rw-r--r-- | coverage/htmlfiles/style.css | 6 | ||||
| -rw-r--r-- | coverage/htmlfiles/style.scss | 13 |
2 files changed, 12 insertions, 7 deletions
diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css index a5916681..e8ff5765 100644 --- a/coverage/htmlfiles/style.css +++ b/coverage/htmlfiles/style.css @@ -99,11 +99,11 @@ h2.stats { margin-top: .5em; font-size: 1em; } #source p input ~ .r label.ctx { cursor: pointer; border-radius: .25em; } #source p input ~ .r label.ctx::before { content: "▶ "; } #source p input ~ .r label.ctx:hover { background: #d5f7ff; color: #666; } -#source p input:checked ~ .r label.ctx { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; padding: .25em .5em; margin: -.25em 0; } +#source p input:checked ~ .r label.ctx { background: #aaeeff; color: #666; border-radius: .75em .75em 0 0; padding: 0 .5em; margin: -.25em 0; } #source p input:checked ~ .r label.ctx::before { content: "▼ "; } -#source p input:checked ~ .ctxs { display: block; } +#source p input:checked ~ .ctxs { padding: .25em .5em; overflow-y: scroll; max-height: 10.5em; } #source p label.ctx { color: #999; display: inline-block; padding: 0 .5em; font-size: .8333em; } -#source p .ctxs { display: none; font-family: verdana, sans-serif; white-space: nowrap; background: #aaeeff; padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; } +#source p .ctxs { display: block; max-height: 0; overflow-y: hidden; transition: all .2s; padding: 0 .5em; font-family: verdana, sans-serif; white-space: nowrap; background: #aaeeff; border-radius: .25em; margin-right: 1.75em; } #source p .ctxs span { display: block; text-align: right; } #index td, #index th { text-align: right; width: 5em; padding: .25em .5em; border-bottom: 1px solid #eee; } diff --git a/coverage/htmlfiles/style.scss b/coverage/htmlfiles/style.scss index 619c428c..901cccc4 100644 --- a/coverage/htmlfiles/style.scss +++ b/coverage/htmlfiles/style.scss @@ -417,7 +417,7 @@ $context-panel-color: #aaeeff; background: $context-panel-color; color: #666; border-radius: .75em .75em 0 0; - padding: .25em .5em; + padding: 0 .5em; margin: -.25em 0; &::before { content: "▼ "; @@ -425,7 +425,9 @@ $context-panel-color: #aaeeff; } &:checked ~ .ctxs { - display: block; + padding: .25em .5em; + overflow-y: scroll; + max-height: 10.5em; } } @@ -437,11 +439,14 @@ $context-panel-color: #aaeeff; } .ctxs { - display: none; + display: block; + max-height: 0; + overflow-y: hidden; + transition: all .2s; + padding: 0 .5em; font-family: verdana, sans-serif; white-space: nowrap; background: $context-panel-color; - padding: .25em .5em; border-radius: .25em; margin-right: 1.75em; span { |