Skip to content

Commit 6e4f89a

Browse files
Andrew Bakerclaude
andcommitted
v1.7.38 — Fix help popover overflowing screen on mobile
Use position:fixed with max-height + overflow-y:auto so the popover stays within the viewport on narrow/short screens. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 795e3a5 commit 6e4f89a

3 files changed

Lines changed: 13 additions & 7 deletions

File tree

assets/cs-perf-monitor.css

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -133,16 +133,22 @@
133133

134134
/* ── Help overlay panel ──────────────────────────────────────────────────── */
135135
#cs-perf-help {
136-
position: absolute;
137-
bottom: 48px;
136+
position: fixed;
137+
bottom: 56px;
138138
right: 10px;
139-
width: min(520px, calc(100vw - 20px));
139+
left: 10px;
140+
width: auto;
141+
max-width: 520px;
142+
max-height: calc(100dvh - 80px);
143+
overflow-y: auto;
140144
background: #252526;
141145
border: 1px solid #007acc;
142146
border-radius: 8px;
143147
padding: 16px;
144148
z-index: 100000;
145149
box-shadow: 0 -6px 32px rgba(0,0,0,.7);
150+
/* Align to right on wide screens, full-width on narrow */
151+
margin-left: auto;
146152
}
147153
.cs-perf-help-close {
148154
position: absolute;

cs-code-block.php

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
* Plugin Name: CloudScale Code Block
44
* Plugin URI: https://andrewbaker.ninja
55
* Description: Syntax highlighted code block with auto language detection, clipboard copy, dark/light mode toggle, code block migrator, and read only SQL query tool. Works as a Gutenberg block and as a [cs_code] shortcode.
6-
* Version: 1.7.37
6+
* Version: 1.7.38
77
* Author: Andrew Baker
88
* Author URI: https://andrewbaker.ninja
99
* License: GPL-2.0-or-later
@@ -38,7 +38,7 @@
3838
*/
3939
class CloudScale_Code_Block {
4040

41-
const VERSION = '1.7.37';
41+
const VERSION = '1.7.38';
4242
const HLJS_VERSION = '11.11.1';
4343
const HLJS_CDN = 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/';
4444
const TOOLS_SLUG = 'cloudscale-code-sql';

readme.txt

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ Tags: code block, syntax highlighting, gutenberg block, dark mode, highlight.js
44
Requires at least: 6.0
55
Tested up to: 6.7
66
Requires PHP: 7.4
7-
Stable tag: 1.7.37
7+
Stable tag: 1.7.38
88
License: GPLv2 or later
99
License URI: https://www.gnu.org/licenses/gpl-2.0.html
1010

@@ -79,7 +79,7 @@ Yes. Press Enter to run the query. Use Shift+Enter to insert a newline. Ctrl+Ent
7979

8080
== Changelog ==
8181

82-
= 1.7.37 =
82+
= 1.7.38 =
8383
* Added: CS Monitor — Assets tab showing all enqueued JS and CSS files with plugin attribution, type filter, and search
8484
* Added: CS Monitor — Hooks tab showing top 50 hooks by cumulative time, with sortable columns and search
8585
* Added: CS Monitor — Object cache stats card in Summary (hit rate, hits/misses, persistent cache detection)

0 commit comments

Comments
 (0)