fix regexp report overflow (#1332)
This commit is contained in:
		
							parent
							
								
									59cac7a469
								
							
						
					
					
						commit
						dfd8f7a1b1
					
				|  | @ -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 ************/ | ||||||
|  |  | ||||||
|  | @ -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
 | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue
	
	Block a user