diff --git a/EnvelopeGenerator.Server/EnvelopeGenerator.Server.Client/Components/Sender/CreateEnvelopeWizardPopup.razor b/EnvelopeGenerator.Server/EnvelopeGenerator.Server.Client/Components/Sender/CreateEnvelopeWizardPopup.razor index e3faccd8..fdc793dd 100644 --- a/EnvelopeGenerator.Server/EnvelopeGenerator.Server.Client/Components/Sender/CreateEnvelopeWizardPopup.razor +++ b/EnvelopeGenerator.Server/EnvelopeGenerator.Server.Client/Components/Sender/CreateEnvelopeWizardPopup.razor @@ -282,105 +282,85 @@ } -
-
- - -
+
+ -
- - -
-
+
+ @for (var i = 0; i < _receivers.Count; i++) + { + var rowIndex = i; + var receiver = _receivers[rowIndex]; -
- -
- - @if (_receivers.Count == 0) - { -
- @L("SenderEditor_NoReceiversAdded", "Noch keine Empfänger hinzugefügt.") -
- } - else - { -
- - -
- @for (var i = 0; i < _receivers.Count; i++) - { - var rowIndex = i; - var receiver = _receivers[rowIndex]; - -
-
-
- -
-
- -
+
+
+
+ +
+
+
-
- } + +
+ } + +
+
+
+ +
+
+ +
+
+
- } +
} else { diff --git a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/sender-page.css b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/sender-page.css index 3f8dd1f3..097e914e 100644 --- a/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/sender-page.css +++ b/EnvelopeGenerator.Server/EnvelopeGenerator.Server/wwwroot/css/sender-page.css @@ -1563,6 +1563,34 @@ cursor: not-allowed; } +.sender-create-wizard__receiver-item--new { + border-style: dashed; +} + +.sender-create-wizard__receiver-add-inline-btn { + flex: 0 0 auto; + width: 2rem; + height: 2rem; + display: inline-flex; + align-items: center; + justify-content: center; + border: 1px solid rgba(14, 116, 144, 0.25); + border-radius: 6px; + background: rgba(236, 254, 255, 0.95); + color: #0f766e; + padding: 0; + line-height: 1; +} + +.sender-create-wizard__receiver-add-inline-btn:hover:not(:disabled) { + background: rgba(207, 250, 254, 1); +} + +.sender-create-wizard__receiver-add-inline-btn:disabled { + opacity: 0.55; + cursor: not-allowed; +} + .sender-create-wizard__upload-stage { display: flex; flex-direction: column; @@ -1738,6 +1766,12 @@ align-self: flex-end; } + .sender-create-wizard__receiver-add-inline-btn { + width: auto; + min-width: 2rem; + align-self: flex-end; + } + .sender-pdf-dropzone { width: 100%; }