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

Merge pull request #5715 from Nudasoft/ci4-debug-toolbar-fix-few-btn-alignments-plug-style-tweaks

Browse Source 
Fix alignment on few buttons in debug toobar and change color
This commit is contained in:
John Paul E. Balandan, CPA 2022-02-24 09:57:51 +08:00 committed by GitHub
commit 2179c9584d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 15 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
admin/css/debug-toolbar/_theme-dark.scss
View File

@ -129,8 +129,8 @@
}
.badge {
background-color: $g-blue;
color: $m-gray;
background-color: $g-red;
color: $t-light;
}
}

2
admin/css/debug-toolbar/_theme-light.scss
View File

@ -125,7 +125,7 @@
}
.badge {
background-color: $g-blue;
background-color: $g-red;
color: $t-light;
}
}

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

@ -77,16 +77,9 @@
// General elements
h1 {
bottom: 0;
display: inline-block;
font-size: $base-size - 2;
display: flex;
font-weight: normal;
margin: 0 16px 0 0;
padding: 0;
position: absolute;
right: 30px;
text-align: left;
top: 0;
margin: 0 0 0 auto;
svg {
width: 16px;
@ -238,15 +231,8 @@
// The "Open/Close" toggle
#debug-bar-link {
bottom: 0;
display: inline-block;
font-size: $base-size;
line-height: 36px;
display: flex;
padding: 6px;
position: absolute;
right: 10px;
top: 0;
width: 24px;
}
// The toolbar menus

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

@ -39,16 +39,9 @@
font-size: 16px;
font-weight: 400; }
#debug-bar h1 {
bottom: 0;
display: inline-block;
font-size: 14px;
display: flex;
font-weight: normal;
margin: 0 16px 0 0;
padding: 0;
position: absolute;
right: 30px;
text-align: left;
top: 0; }
margin: 0 0 0 auto; }
#debug-bar h1 svg {
width: 16px;
margin-right: 5px; }
@ -135,15 +128,8 @@
#debug-bar #toolbar-theme a:hover {
text-decoration: none; }
#debug-bar #debug-bar-link {
bottom: 0;
display: inline-block;
font-size: 16px;
line-height: 36px;
padding: 6px;
position: absolute;
right: 10px;
top: 0;
width: 24px; }
display: flex; }
#debug-bar .ci-label {
display: inline-flex;
font-size: 14px; }
@ -329,7 +315,7 @@
#debug-bar .ci-label:hover {
background-color: #DFDFDF; }
#debug-bar .ci-label .badge {
background-color: #5BC0DE;
background-color: #DD4814;
color: #FFFFFF; }
#debug-bar .tab {
background-color: #FFFFFF;
@ -420,8 +406,8 @@
#debug-bar .ci-label:hover {
background-color: #252525; }
#debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #DFDFDF; }
background-color: #DD4814;
color: #FFFFFF; }
#debug-bar .tab {
background-color: #252525;
box-shadow: 0 -1px 4px #434343;
@ -509,8 +495,8 @@
#toolbarContainer.dark #debug-bar .ci-label:hover {
background-color: #252525; }
#toolbarContainer.dark #debug-bar .ci-label .badge {
background-color: #5BC0DE;
color: #DFDFDF; }
background-color: #DD4814;
color: #FFFFFF; }
#toolbarContainer.dark #debug-bar .tab {
background-color: #252525;
box-shadow: 0 -1px 4px #434343;
@ -602,7 +588,7 @@
#toolbarContainer.light #debug-bar .ci-label:hover {
background-color: #DFDFDF; }
#toolbarContainer.light #debug-bar .ci-label .badge {
background-color: #5BC0DE;
background-color: #DD4814;
color: #FFFFFF; }
#toolbarContainer.light #debug-bar .tab {
background-color: #FFFFFF;