From 9fa5827b0997c4ad40ea2b939ff071821c0517f6 Mon Sep 17 00:00:00 2001 From: Developer 02 Date: Tue, 28 May 2024 12:51:50 +0200 Subject: [PATCH] =?UTF-8?q?Aktualisiere=20site.css=20f=C3=BCr=20eine=20ver?= =?UTF-8?q?besserte=20mobile=20Ansicht=20und=20entferne=20das=20Benutzeric?= =?UTF-8?q?on.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Views/Home/ShowEnvelope.cshtml | 5 +- EnvelopeGenerator.Web/wwwroot/css/site.css | 166 +++++++++--------- 2 files changed, 85 insertions(+), 86 deletions(-) diff --git a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml index 1a0e0ef6..af5bb8b4 100644 --- a/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml +++ b/EnvelopeGenerator.Web/Views/Home/ShowEnvelope.cshtml @@ -32,11 +32,8 @@
-
- ... -
-
+
@($"{envelope?.Title.TrySanitize(_sanitizer)}")

@($"Sie müssen {(pages.Count())} Vorgang unterzeichen. Bitte prüfen Sie die Seite {stPageIndexes.TrySanitize(_sanitizer)}.")

Erstellt am @envelope?.AddedWhen von @sender?.Prename.TrySanitize(_sanitizer) @sender?.Name.TrySanitize(_sanitizer). Sie können den Absender über @sender?.Email.TryEncode(_encoder) kontaktieren.

diff --git a/EnvelopeGenerator.Web/wwwroot/css/site.css b/EnvelopeGenerator.Web/wwwroot/css/site.css index 448a425d..e320c9c2 100644 --- a/EnvelopeGenerator.Web/wwwroot/css/site.css +++ b/EnvelopeGenerator.Web/wwwroot/css/site.css @@ -14,17 +14,17 @@ margin-right: 10vw; margin-bottom: 10vh; } + .btn_refresh, .btn_complete { - height:4vh } -.btn_complete .icon { - width: 2vh; -} + .btn_complete .icon { + width: 1.1rem; + } -.btn_complete span { - vertical-align: middle; -} + .btn_complete span { + vertical-align: middle; + } .button-finish { transition: background-color linear 300ms; @@ -33,10 +33,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; @@ -45,10 +45,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; @@ -57,10 +57,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; @@ -74,42 +74,41 @@ body { max-width: 40rem; } -.page section { - max-width: 30rem; - margin: 0 auto; -} - -.page header .icon { - display: inline-block; - border-radius: 100px; - padding: 15px; - margin-bottom: 2rem; -} - -.page header .icon.admin { - background-color: #331904; - color: #fecba1; -} - -.page header .icon.locked { - background-color: #ffc107; - color: #000; -} - -.page header .icon.signed { - background-color: #146c43; - color: #fff; -} + .page section { + max-width: 30rem; + margin: 0 auto; + } -.page .form { - max-width: 30rem; - margin: 2rem auto; + .page header .icon { + display: inline-block; + border-radius: 100px; + padding: 15px; + margin-bottom: 2rem; + } - display: flex; - gap: 1rem; -} + .page header .icon.admin { + background-color: #331904; + color: #fecba1; + } + + .page header .icon.locked { + background-color: #ffc107; + color: #000; + } + + .page header .icon.signed { + background-color: #146c43; + color: #fff; + } + + .page .form { + max-width: 30rem; + margin: 2rem auto; + display: flex; + gap: 1rem; + } -#form-access-code > .input, +#form-access-code > .input, #form-admin-password > .input { flex-grow: 1; } @@ -134,26 +133,29 @@ footer#page-footer { font-size: 0.85rem; } -footer#page-footer a, -footer#page-footer a:link, -footer#page-footer a:hover, -footer#page-footer a:visited, -footer#page-footer a:focus { - color: #444; -} + footer#page-footer a, + footer#page-footer a:link, + footer#page-footer a:hover, + footer#page-footer a:visited, + footer#page-footer a:focus { + color: #444; + } .sender-card { background-color: transparent; border: none; } -.sender-card .row { - height: 7vh; -} -.sender-card img{ - height: 7vh; - background-color: rgb(209, 207, 207); - border-radius: 50px; -} + + .sender-card .row { + height: 7vh; + } + + .sender-card img { + height: 7vh; + background-color: rgb(209, 207, 207); + border-radius: 50px; + } + .envelope-message { font-family: 'Roboto', sans-serif; } @@ -166,6 +168,7 @@ footer#page-footer a:focus { width: 30%; height: 70%; } + .dropdown-flag { height: 75%; width: 75%; @@ -187,7 +190,7 @@ footer#page-footer a:focus { font-size: 0.85rem; } -#langDropdownMenuButton{ +#langDropdownMenuButton { min-width: 4vw; } @@ -199,7 +202,6 @@ footer#page-footer a:focus { } .navbar-toggler { - margin: 0 0 0.5rem 0; } .navbar-brand { @@ -210,13 +212,10 @@ footer#page-footer a:focus { text-overflow: ellipsis; } - .collapse .card-text , .collapsing .card-text { - font-size: 0.7rem; /* Font size reduced */ - padding-left:2rem; - } - - .collapse.show { - height: 100%; + .collapse .card-text, .collapsing .card-text { + font-size: 0.6rem; /* Font size reduced */ + margin: 0rem; + padding: 0rem; } .sender-card .card-body { @@ -228,8 +227,6 @@ footer#page-footer a:focus { flex-direction: row; bottom: 0.5rem; right: 0.5rem; - margin: 0; - margin-right: 1rem; } .btn_complete, .btn_refresh { @@ -240,9 +237,14 @@ footer#page-footer a:focus { margin-bottom: 0.5rem; /* Space between buttons */ } - .img { + .img-fluid { width: 1.2rem; height: 100%; + display: none; + } + + img { + max-width: 4rem; } .page { @@ -251,7 +253,7 @@ footer#page-footer a:focus { padding: 0.5rem; } - .page section { - max-width: 90%; - } + .page section { + max-width: 90%; + } }