help: let the dialog scroll
The shared modal-container rule slapped `overflow: hidden` on `#help > div` to clip border-radius, which won over the Tailwind `overflow-y-auto` on the same element and froze the scroll. Move help to its own rule that keeps the rounded corners + shadow and leaves overflow alone so the inline overflow-y-auto takes effect. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
27cc3f98ac
commit
412dc527a3
3 files changed
+10
-3
No files matched your search
+1
-1
@@ -1,7 +1,7 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
define('APP_NAME', 'hyprcrd');
|
define('APP_NAME', 'hyprcrd');
|
||||||
define('APP_VERSION', '1.9.13');
|
define('APP_VERSION', '1.9.14');
|
||||||
|
|
||||||
// Database path — writable directory, outside webroot
|
// Database path — writable directory, outside webroot
|
||||||
// DB_PATH / UPLOAD_DIR can be pre-defined by the Electron router for app isolation
|
// DB_PATH / UPLOAD_DIR can be pre-defined by the Electron router for app isolation
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "hyprcrd",
|
"name": "hyprcrd",
|
||||||
"version": "1.9.13",
|
"version": "1.9.14",
|
||||||
"description": "hyprcrd — self-hosted card manager",
|
"description": "hyprcrd — self-hosted card manager",
|
||||||
"main": "main.js",
|
"main": "main.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@@ -113,7 +113,6 @@ select[class*="border-t-accent"] {
|
|||||||
#modal > div,
|
#modal > div,
|
||||||
#detail > div,
|
#detail > div,
|
||||||
#settings-overlay > div,
|
#settings-overlay > div,
|
||||||
#help > div,
|
|
||||||
#search > div,
|
#search > div,
|
||||||
#tasks > div,
|
#tasks > div,
|
||||||
#calendar > div,
|
#calendar > div,
|
||||||
@@ -126,6 +125,14 @@ select[class*="border-t-accent"] {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* The help dialog scrolls its own body — keep the border-radius and
|
||||||
|
shadow but drop overflow:hidden so the Tailwind overflow-y-auto on
|
||||||
|
the same element actually takes effect. */
|
||||||
|
#help > div {
|
||||||
|
border-radius: var(--ui-radius-modal);
|
||||||
|
box-shadow: var(--ui-shadow-modal);
|
||||||
|
}
|
||||||
|
|
||||||
/* Overlay backdrop blur (applies to anything that's already an .overlay) */
|
/* Overlay backdrop blur (applies to anything that's already an .overlay) */
|
||||||
.overlay { backdrop-filter: blur(var(--ui-blur-overlay)); -webkit-backdrop-filter: blur(var(--ui-blur-overlay)); }
|
.overlay { backdrop-filter: blur(var(--ui-blur-overlay)); -webkit-backdrop-filter: blur(var(--ui-blur-overlay)); }
|
||||||
|
|
||||||
|
|||||||
Reference in new issue
Block a user