fix regexp report overflow (#1332)

This commit is contained in:
tophf 2021-09-11 15:53:10 +03:00 committed by GitHub
parent 59cac7a469
commit dfd8f7a1b1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 7 deletions

View File

@ -675,7 +675,7 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
margin-left: 1rem; margin-left: 1rem;
word-break: break-all; word-break: break-all;
} }
.regexp-report details:not(:last-child) { .regexp-report details {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.regexp-report summary { .regexp-report summary {
@ -698,6 +698,10 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
margin-left: 2rem; margin-left: 2rem;
margin-top: .5rem; margin-top: .5rem;
} }
.regexp-report details div {
max-height: calc(100vh - 15rem);
overflow-y: auto;
}
.regexp-report .svg-icon { .regexp-report .svg-icon {
position: absolute; position: absolute;
margin-top: -1px; margin-top: -1px;
@ -714,14 +718,13 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
.regexp-report details a img { .regexp-report details a img {
width: 16px; width: 16px;
max-height: 16px; max-height: 16px;
position: absolute; vertical-align: middle;
margin-left: -20px; margin-right: .5em;
margin-top: -1px;
} }
.regexp-report-note { .regexp-report-note {
color: #999; color: #999;
position: absolute; position: absolute;
margin: 0 0.5rem 0 0; bottom: 0;
hyphens: auto; hyphens: auto;
} }
/************ help popup ************/ /************ help popup ************/

View File

@ -135,8 +135,7 @@ const regexpTester = (() => {
block.appendChild( block.appendChild(
$create('details', {open: true}, [ $create('details', {open: true}, [
$create('summary', text), $create('summary', text),
// 3rd level: tab urls $create('div', urls),
...urls,
])); ]));
} else { } else {
// type is none or invalid // type is none or invalid