Krzak/Krzak.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile AI chat keyboard overlap and keep input focused

Browse Source
This commit is contained in:
N0\A
2026-02-23 13:05:42 +01:00
parent 273859902d
commit 7696b6b298
2 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
styles.css
View File

@@ -881,7 +881,7 @@ li a span {
.ai-chat {
position: fixed;
right: 24px;
bottom: 24px;
bottom: calc(24px + var(--ai-chat-keyboard-offset, 0px));
z-index: 1100;
transition: bottom 0.25s ease;
font-family:
@@ -896,7 +896,7 @@ li a span {
}
.ai-chat.ai-chat--raised {
bottom: 96px;
bottom: calc(96px + var(--ai-chat-keyboard-offset, 0px));
}
.ai-chat__fab {
@@ -1012,21 +1012,22 @@ li a span {
@media (max-width: 600px) {
.ai-chat {
right: 14px;
bottom: 14px;
bottom: calc(14px + var(--ai-chat-keyboard-offset, 0px));
}
.ai-chat.ai-chat--raised {
bottom: 82px;
bottom: calc(82px + var(--ai-chat-keyboard-offset, 0px));
}
.ai-chat__panel {
position: fixed;
inset: 0;
top: 0;
right: 0;
left: 0;
bottom: var(--ai-chat-keyboard-offset, 0px);
width: 100vw;
max-width: none;
border-radius: 0;
bottom: 0;
right: 0;
}
.ai-chat__panel.is-open {