thepraandClaude Opus 5.5
38336f9869
The viewport no longer forbids zooming (maximum-scale=1, user-scalable=no kept text at 10-12px out of reach), and it covers the screen with the keyboard resizing the content. The app is 100dvh tall instead of 100vh, so its bottom isn't under a phone browser's bar, and a pull past the top no longer reloads it (overscroll-behavior-y). New Styles/touch.css holds what a touch screen gets, under (pointer: coarse) only: for now field text at 16px, so iOS doesn't zoom into a focused field. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
/* Port of the old SCSS/base.scss and wwwroot/css/tailwind-override.css. daisyUI's rootcolor module already gives the
|
|
page base-100 and base-content. */
|
|
@layer base {
|
|
:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
/* The page never scrolls itself (the feed and the pages scroll inside), so a pull past its top would only make a phone
|
|
reload the app. Only vertically: a sideways overscroll is the trackpad's back gesture. */
|
|
html, body {
|
|
overscroll-behavior-y: none;
|
|
}
|
|
|
|
details > summary::-webkit-details-marker {
|
|
color: var(--color-base-content);
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-button,
|
|
::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--neo-strong);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--color-base-content);
|
|
}
|
|
|
|
::selection {
|
|
color: var(--color-base-100);
|
|
background-color: var(--neo-strong);
|
|
}
|
|
|
|
/* Preflight resets link decoration; links keep their underline, links styled as buttons don't. */
|
|
a:not(.btn) {
|
|
text-decoration-line: underline;
|
|
}
|
|
}
|