malhuda/CodeIgniter4
1
0
Fork 0
mirror of https://github.com/codeigniter4/CodeIgniter4.git synced 2025-02-20 11:44:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add toolbar timer styles to sass files.

Browse Source
This commit is contained in:
Alex Schmitz 2021-07-05 09:24:42 +02:00 committed by John Paul E. Balandan, CPA
parent d263210eef
commit 3a6cf80469
2 changed files with 71 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
admin/css/debug-toolbar/toolbar.scss
View File

@ -326,6 +326,23 @@
&:first-child {
border-left: 0;
max-width: none;
}
&.child-container {
padding: 0px;
.timeline {
margin: 0px;
td {
&:first-child {
&:not(.child-container) {
padding-left: calc(5px + 10px * var(--level));
}
}
}
}
}
}
@ -336,6 +353,42 @@
position: absolute;
top: 30%;
}
.timeline-parent{
cursor: pointer;
td {
&:first-child {
nav {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
background-position: 0 25%;
display: inline-block;
height: 15px;
width: 15px;
margin-right: 3px;
vertical-align: middle;
}
}
}
}
.timeline-parent-open {
background-color: #DFDFDF;
td {
&:first-child {
nav {
background-position: 0 75%;
}
}
}
}
.child-row {
&:hover {
background: transparent;
}
}
}
// The "Routes" tab

36
system/Debug/Toolbar/Views/toolbar.css
View File

@ -186,22 +186,6 @@
#debug-bar .timeline {
margin-left: 0;
width: 100%; }
#debug-bar .timeline tr.timeline-parent {
cursor: pointer; }
#debug-bar .timeline tr.timeline-parent td:first-child nav {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
background-position: 0 25%;
display: inline-block;
height: 15px;
width: 15px;
margin-right: 3px;
vertical-align: middle; }
#debug-bar .timeline tr.timeline-parent.timeline-parent-open td:first-child nav {
background-position: 0 75%; }
#debug-bar .timeline tr.timeline-parent.timeline-parent-open {
background-color: #DFDFDF; }
#debug-bar .timeline tr.child-row:hover {
background: transparent; }
#debug-bar .timeline th {
border-left: 1px solid;
font-size: 12px;
@ -220,9 +204,9 @@
max-width: none; }
#debug-bar .timeline td.child-container {
padding: 0px; }
#debug-bar .timeline td.child-container .timeline{
#debug-bar .timeline td.child-container .timeline {
margin: 0px; }
#debug-bar .timeline td.child-container td:first-child:not(.child-container){
#debug-bar .timeline td.child-container .timeline td:first-child:not(.child-container) {
padding-left: calc(5px + 10px * var(--level)); }
#debug-bar .timeline .timer {
border-radius: 4px;
@ -232,6 +216,22 @@
padding: 5px;
position: absolute;
top: 30%; }
#debug-bar .timeline .timeline-parent {
cursor: pointer; }
#debug-bar .timeline .timeline-parent td:first-child nav {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
background-position: 0 25%;
display: inline-block;
height: 15px;
width: 15px;
margin-right: 3px;
vertical-align: middle; }
#debug-bar .timeline .timeline-parent-open {
background-color: #DFDFDF; }
#debug-bar .timeline .timeline-parent-open td:first-child nav {
background-position: 0 75%; }
#debug-bar .timeline .child-row:hover {
background: transparent; }
#debug-bar .route-params,
#debug-bar .route-params-item {
vertical-align: top; }