AppStd/EnvelopeGenerator
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Behebt das Scrollproblem des iframes durch Festlegen der Höhe mit Viewport-Einheiten, um eine ordnungsgemäße interne Scroll-Verarbeitung zu gewährleisten.

Browse Source
This commit is contained in:
Developer 02
2024-05-23 10:42:55 +02:00
parent 90ac81c576
commit 60afdc23da
2 changed files with 56 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
EnvelopeGenerator.Web/wwwroot/css/site.css
View File

@@ -4,14 +4,13 @@
*/
/* Toolbar Buttons */
#app {
background: gray;
width: 100vw;
height: 100vh;
margin: 0 auto;
height: 1vh;
}
.button-finish {
transition: background-color linear 300ms;
background-color: #059669; /* emerald-600 */
@@ -19,10 +18,10 @@
border-left: none;
}
.button-finish:hover, .button-finish:focus, .button-finish:active {
background-color: #10b981; /* emerald-500 */
color: white;
}
.button-finish:hover, .button-finish:focus, .button-finish:active {
background-color: #10b981; /* emerald-500 */
color: white;
}
.button-reject {
transition: background-color linear 300ms;
@@ -31,10 +30,10 @@
border-left: none;
}
.button-reject:hover, .button-reject:focus, .button-reject:active {
background-color: #f59e0b; /* amber-500 */
color: white;
}
.button-reject:hover, .button-reject:focus, .button-reject:active {
background-color: #f59e0b; /* amber-500 */
color: white;
}
.button-reset {
transition: background-color linear 300ms;
@@ -43,10 +42,10 @@
border-left: none;
}
.button-reset:hover, .button-reset:focus, .button-reset:active {
background-color: #3b82f6; /* blue-500 */
color: white;
}
.button-reset:hover, .button-reset:focus, .button-reset:active {
background-color: #3b82f6; /* blue-500 */
color: white;
}
body {
background-color: #bbb;
@@ -72,20 +71,20 @@ body {
margin-bottom: 2rem;
}
.page header .icon.admin {
background-color: #331904;
color: #fecba1;
}
.page header .icon.admin {
background-color: #331904;
color: #fecba1;
}
.page header .icon.locked {
background-color: #ffc107;
color: #000;
}
.page header .icon.locked {
background-color: #ffc107;
color: #000;
}
.page header .icon.signed {
background-color: #146c43;
color: #fff;
}
.page header .icon.signed {
background-color: #146c43;
color: #fff;
}
.page .form {
max-width: 30rem;
@@ -95,10 +94,10 @@ body {
gap: 1rem;
}
#form-access-code > .input,
#form-admin-password > .input {
flex-grow: 1;
}
#form-access-code > .input,
#form-admin-password > .input {
flex-grow: 1;
}
#page-admin header .icon {
background-color: #331904;