inputhelper schöner gemacht

This commit is contained in:
Luke
2021-04-21 17:06:51 +00:00
parent f27f441123
commit 21dc2545b8

View File

@@ -29,20 +29,19 @@ body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-weight: 400; font-weight: 400;
color: #FFF; color: #FFF;
} }
main { main {
height: auto; height: auto;
max-height: 60vh;
position: relative; position: relative;
min-width: 50ch; min-width: 45ch;
max-width: 35vw; max-width: 30vw;
padding: 1em; padding: 1em;
border-radius: .25em; border-radius: .25em;
font-size: 1em; font-size: 1em;
line-height: 1.25; line-height: 1.25;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
main a#close { main a#close {
@@ -52,7 +51,6 @@ main {
height: 1em; height: 1em;
width: 1em; width: 1em;
opacity: 0.25; opacity: 0.25;
} }
main a#close:hover { main a#close:hover {
@@ -85,8 +83,8 @@ main {
main h1 { main h1 {
font-size: 1.5em; font-size: 1.5em;
line-height: 1; line-height: 1.125;
margin-bottom: .125em; margin-bottom: .25em;
padding-right: 1em; padding-right: 1em;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@@ -94,8 +92,26 @@ main {
} }
main p { main p {
margin-bottom: 1em; margin-bottom: .5em;
line-height: 1.125; line-height: 1.125;
max-height: 12em;
overflow-y: auto;
padding-right: .5em;
word-break: break-word;
}
main p::-webkit-scrollbar {
width: 5px;
}
main p::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, .125);
border-radius: 3px;
}
main p::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .125);
border-radius: 3px;
} }
main .form { main .form {