1 files changed, 58 insertions, 0 deletions
diff --git a/views/mods/mod_revocation/wpsg_revocation.css b/views/mods/mod_revocation/wpsg_revocation.css
new file mode 100644
index 0000000..9ee5d0f
--- /dev/null
+++ b/views/mods/mod_revocation/wpsg_revocation.css
@@ -0,0 +1,58 @@
+#wpsg_revocation_button { position:fixed; right:0; top:25%; display:flex; gap:1rem; align-items:center; justify-content:flex-start; flex-wrap:nowrap; transform:translateX(calc(100% - (50px + 1rem + 0.5rem))); cursor:pointer; z-index:10;
+	background-color:white; border:1px solid black; border-radius:0.5rem; padding:0.5rem 1rem 0.5rem 0.5rem; transition:all 0.4s;
+	svg { width:50px; fill:black; }
+	span { white-space:nowrap; }
+	&:hover { transform:translateX(0.5rem); }
+}
+
+#wpsg_revocation_dialog {
+	z-index:10; opacity:0; pointer-events:none; transition:all 0.4s;
+	position:fixed; left:0; top:0; height:100vh; width:100vw;
+	background-color:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;
+	&.visible { opacity:1; pointer-events:all; }
+	.inner { width:calc(100% - 3rem); height:auto; max-width:800px; max-height:800px;
+		border:1px solid black; position:relative;
+		background-color:white; border-radius:0.5rem; padding:1rem; display:flex; flex-direction:column;
+		& > .loading { transition:all 0.2s; opacity:0; pointer-events:none; background-color:rgba(0, 0, 0, 0.25); position:absolute; z-index:2; left:0; top:0; height:100%; width:100%; display:flex; align-items:center; justify-content:center; }
+		& > .header { height:50px; flex-shrink:0; flex-grow:0;
+			display:flex; align-items:center; justify-content:space-between; font-size:2rem; font-weight:bold;
+			.close { width:30px; height:30px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
+		}
+		& > .content { flex-grow:0.2; overflow-y:auto; margin-top:1rem; margin-bottom:1rem; }
+		& > .footer { flex-shrink:0; flex-grow:0; display:flex; align-items:center; justify-content:start; height: 35px; margin-bottom: 2rem;}
+		#wpsg_error { padding-left:5px; color:red; }
+	}
+	&.loading > .inner > .loading { opacity:1; pointer-events:all; }
+}
+
+.wpsg_revocation_product_button {
+	flex-shrink:0; padding:0.25rem; width:35px; height:35px;
+	border:1px solid black;	 display:flex; cursor:pointer;
+	svg { width:auto; }
+}
+
+#wpsg_revocation_form { display:flex; flex-direction:column; gap:0.5rem; width:100%;
+	.wpsg_revocation_order_product > div { width:100%; }
+	.form_field { display:flex; width:100%; flex-direction:column; gap:0.125rem;
+		.label { color: black; font-size: 1.25rem; }
+		.value { display:flex; justify-content:stretch; gap:0.25rem;
+			input, textarea, select { width:auto; flex-grow:1; min-height:30px; text-indent:0.25rem; flex-shrink:1; }
+			textarea { min-height:90px; padding:0.25rem; }
+			select { height:36px; }
+			input[type="number"] { flex-shrink:2; flex-grow:0; }
+		}
+	}
+}
+
+.wpsg_mod_kundenverwaltung_order {
+	.wpsg_revocation_order_product { display:inline-flex; align-items:center; gap:0.5rem; border:1px solid black; border-radius:0.5rem; padding:0.5rem;
+		margin-bottom:1rem; user-select:none; flex-direction: row;
+		& > svg { height:30px; width:30px; }
+		& > input { width:25px; height:25px; flex-shrink:0; }
+		& > .inner { cursor:pointer; }
+	}
+}
+
+.wpsg_amount_label {
+	word-break: normal;
+}
+\ No newline at end of file