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

View File

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