elpatron/datecalc
1
0
Fork 0
Code Issues Pull Requests Activity

CSS-Fixes: Scrollbars auf allen Geräten entfernt, responsive Box-Sizing und Breitenanpassung verbessert

Browse Source
This commit is contained in:
elpatron
2025-07-26 08:41:06 +02:00
parent aaf6dbdec0
commit 04dc301e5b
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
templates/index.html
View File

@@ -36,15 +36,22 @@
--text: #1e293b; --text: #1e293b;
--shadow: 0 2px 8px rgba(30,41,59,0.07); --shadow: 0 2px 8px rgba(30,41,59,0.07);
} }
* {
box-sizing: border-box;
}
body { body {
background: var(--background); background: var(--background);
color: var(--text); color: var(--text);
font-family: 'Segoe UI', Arial, sans-serif; font-family: 'Segoe UI', Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-x: hidden;
box-sizing: border-box;
} }
.container { .container {
max-width: 480px; max-width: 480px;
width: 100%;
margin: 3em auto; margin: 3em auto;
background: var(--surface); background: var(--surface);
border-radius: 16px; border-radius: 16px;
@@ -52,6 +59,7 @@ body {
padding: 2.5em 2em 2em 2em; padding: 2.5em 2em 2em 2em;
border: 1px solid var(--border); border: 1px solid var(--border);
position: relative; position: relative;
box-sizing: border-box;
} }
.help-button-container { .help-button-container {
position: absolute; position: absolute;
@@ -136,6 +144,7 @@ body {
border-radius: 12px; border-radius: 12px;
padding: 2em; padding: 2em;
max-width: 90%; max-width: 90%;
width: 90%;
max-height: 90%; max-height: 90%;
overflow-y: auto; overflow-y: auto;
position: relative; position: relative;
@@ -143,6 +152,7 @@ body {
margin: 0 auto; margin: 0 auto;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
box-sizing: border-box;
} }
.modal-close { .modal-close {
position: absolute; position: absolute;
@@ -410,6 +420,8 @@ button:focus, .accordion-header:focus {
.container { .container {
margin: 1em; margin: 1em;
padding: 1.2em 0.7em 1em 0.7em; padding: 1.2em 0.7em 1em 0.7em;
width: calc(100% - 2em);
max-width: none;
} }
h1 { h1 {
font-size: 1.3em; font-size: 1.3em;
@@ -432,6 +444,10 @@ button:focus, .accordion-header:focus {
.modal-content { .modal-content {
padding: 1.5em; padding: 1.5em;
margin: 1em; margin: 1em;
width: calc(100% - 2em);
max-width: none;
left: 0;
transform: none;
} }
} }