diogo/symfony
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[VarDumper] Fixed search bar

Browse Source
This commit is contained in:
Roland Franssen 2018-11-15 15:22:47 +01:00 committed by Nicolas Grekas
parent 0f947130f2
commit 99d2893b78
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/Symfony/Component/VarDumper/Dumper/HtmlDumper.php
View File

@ -500,12 +500,17 @@ return function (root, x) {
function showCurrent(state) function showCurrent(state)
{ {
var currentNode = state.current(); var currentNode = state.current(), currentRect, searchRect;
if (currentNode) { if (currentNode) {
reveal(currentNode); reveal(currentNode);
highlight(root, currentNode, state.nodes); highlight(root, currentNode, state.nodes);
if ('scrollIntoView' in currentNode) { if ('scrollIntoView' in currentNode) {
currentNode.scrollIntoView(); currentNode.scrollIntoView(true);
currentRect = currentNode.getBoundingClientRect();
searchRect = search.getBoundingClientRect();
if (currentRect.top < (searchRect.top + searchRect.height)) {
window.scrollBy(0, -(searchRect.top + searchRect.height + 5));
}
} }
} }
counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count(); counter.textContent = (state.isEmpty() ? 0 : state.idx + 1) + ' of ' + state.count();
@ -641,6 +646,7 @@ pre.sf-dump {
display: block; display: block;
white-space: pre; white-space: pre;
padding: 5px; padding: 5px;
overflow: initial !important;
} }
pre.sf-dump:after { pre.sf-dump:after {
content: ""; content: "";
@ -709,14 +715,16 @@ pre.sf-dump code {
border-radius: 3px; border-radius: 3px;
} }
pre.sf-dump .sf-dump-search-hidden { pre.sf-dump .sf-dump-search-hidden {
display: none; display: none !important;
} }
pre.sf-dump .sf-dump-search-wrapper { pre.sf-dump .sf-dump-search-wrapper {
float: right;
font-size: 0; font-size: 0;
white-space: nowrap; white-space: nowrap;
max-width: 100%; margin-bottom: 5px;
text-align: right; display: flex;
position: -webkit-sticky;
position: sticky;
top: 5px;
} }
pre.sf-dump .sf-dump-search-wrapper > * { pre.sf-dump .sf-dump-search-wrapper > * {
vertical-align: top; vertical-align: top;
@ -733,10 +741,11 @@ pre.sf-dump .sf-dump-search-wrapper > input.sf-dump-search-input {
height: 21px; height: 21px;
font-size: 12px; font-size: 12px;
border-right: none; border-right: none;
width: 140px;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
color: #000; color: #000;
min-width: 15px;
width: 100%;
} }
pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next, pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-next,
pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous { pre.sf-dump .sf-dump-search-wrapper > .sf-dump-search-input-previous {