From 2a8464d198c25516873f507f7399db6fe293402f Mon Sep 17 00:00:00 2001 From: Aselsan Date: Tue, 4 Mar 2025 07:00:11 +0700 Subject: [PATCH 1/2] fix: make debug bar mobile friendly --- system/Debug/Toolbar/Views/toolbar.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/system/Debug/Toolbar/Views/toolbar.css b/system/Debug/Toolbar/Views/toolbar.css index b9f13c51ff2e..abf61e9cca93 100644 --- a/system/Debug/Toolbar/Views/toolbar.css +++ b/system/Debug/Toolbar/Views/toolbar.css @@ -332,6 +332,26 @@ display: none !important; } } +@media screen and (max-width: 768px) { + #debug-bar table { + display: block; + overflow-x: auto; + font-size: 12px; + margin: 5px 5px 10px 5px; + } + #debug-bar table td, + #debug-bar table th { + padding: 4px 6px; + } + #debug-bar .timeline { + display: block; + white-space: nowrap; + font-size: 12px; + } + #debug-bar .toolbar { + overflow-x: auto; + } +} #debug-icon { background-color: #FFFFFF; box-shadow: 0 0 4px #DFDFDF; From 380e847096b794f9aac583ed37306946089d641b Mon Sep 17 00:00:00 2001 From: warcooft Date: Tue, 4 Mar 2025 07:38:51 +0700 Subject: [PATCH 2/2] update scss file --- admin/css/debug-toolbar/toolbar.scss | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/admin/css/debug-toolbar/toolbar.scss b/admin/css/debug-toolbar/toolbar.scss index eec3d25546e3..65f4b802e22c 100644 --- a/admin/css/debug-toolbar/toolbar.scss +++ b/admin/css/debug-toolbar/toolbar.scss @@ -457,6 +457,31 @@ } } +@media screen and (max-width: 768px) { + #debug-bar { + table { + display: block; + overflow-x: auto; + font-size: 12px; + margin: 5px 5px 10px 5px; + + td, + th { + padding: 4px 6px; + } + } + + .timeline { + display: block; + white-space: nowrap; + font-size: 12px; + } + + .toolbar { + overflow-x: auto; + } + } + } // THEMES // ========================================================================== */