Skip to content

Commit 2a8464d

Browse files
authored
fix: make debug bar mobile friendly
1 parent b21343a commit 2a8464d

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

system/Debug/Toolbar/Views/toolbar.css

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -332,6 +332,26 @@
332332
display: none !important;
333333
}
334334
}
335+
@media screen and (max-width: 768px) {
336+
#debug-bar table {
337+
display: block;
338+
overflow-x: auto;
339+
font-size: 12px;
340+
margin: 5px 5px 10px 5px;
341+
}
342+
#debug-bar table td,
343+
#debug-bar table th {
344+
padding: 4px 6px;
345+
}
346+
#debug-bar .timeline {
347+
display: block;
348+
white-space: nowrap;
349+
font-size: 12px;
350+
}
351+
#debug-bar .toolbar {
352+
overflow-x: auto;
353+
}
354+
}
335355
#debug-icon {
336356
background-color: #FFFFFF;
337357
box-shadow: 0 0 4px #DFDFDF;

0 commit comments

Comments
 (0)