mirror of
https://github.com/ether/etherpad-lite.git
synced 2026-07-21 00:59:11 +00:00
fix: popup notification fits small screens (#7457)
Changed min-width and max-width on .popup-content to use min() with viewport-relative units so the popup doesn't overflow on screens narrower than 300px, keeping the close button accessible. Fixes #7246 Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
93c17918a8
commit
833561a1e7
1 changed files with 2 additions and 2 deletions
|
|
@ -28,8 +28,8 @@
|
|||
border: 1px solid #ccc;
|
||||
box-shadow: 0 2px 4px #ddd;
|
||||
background: #f7f7f7;
|
||||
min-width: 300px;
|
||||
max-width: 600px;
|
||||
min-width: min(300px, 90vw);
|
||||
max-width: min(600px, 95vw);
|
||||
}
|
||||
.popup input[type=text] {
|
||||
width: 100%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue