kianga
/
scratchpad
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move status bar to top 

The on-screen keyboard on mobile devices hides the bottom status bar. At the top it should always remain visible while the user is typing.
This commit is contained in:
Kianga 2023-01-16 21:18:39 +01:00
parent 1f60632553
commit 184e579d78
Signed by: kianga
SSH Key Fingerprint: SHA256:FsfHSVtt4BSm5AV+MG3KYJplFo8Q8+TWvSeud7Um4Oo
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
style.css
View File

@ -16,6 +16,7 @@ body {
line-height: 150%; line-height: 150%;
width: 100%; width: 100%;
height: calc(100% - 2rem); height: calc(100% - 2rem);
bottom: 0;
padding: 1rem; padding: 1rem;
border-style: none; border-style: none;
resize: none; resize: none;
@ -29,12 +30,12 @@ body {
background-color: #333; background-color: #333;
color: #fff; color: #fff;
position: absolute; position: absolute;
bottom: 0; top: 0;
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 0 1rem; padding: 0 1rem;
line-height: 2rem; line-height: 2rem;
border-top: 1px solid #666; border-bottom: 1px solid #666;
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -46,6 +47,6 @@ body {
#status { #status {
background-color: #ccc; background-color: #ccc;
color: #000; color: #000;
border-top: 1px solid #999; border-bottom: 1px solid #999;
} }
} }