Verbessere Mitgliederfilter und Zahlungszuordnung

2026-08-13 15:40:43 +02:00
parent 0f263c3a19
commit a93e067e04
6 changed files with 892 additions and 29 deletions
@@ -2293,3 +2293,145 @@ button,
  border-left: 5px solid #4caf50;
  color: #1b5e20;
 }
+
+.hint-box.error {
+  background: #fdeaea;
+  border-left: 5px solid #c0392b;
+  color: #641e16;
+}
+
+input[type="submit"].alt,
+input[type="reset"].alt,
+input[type="button"].alt,
+button.alt,
+.button.alt {
+  box-shadow: inset 0 0 0 2px #9fa3a6;
+  color: #5f676d !important;
+}
+
+.admin-summary-grid {
+  display: grid;
+  gap: 0.75em;
+  grid-template-columns: repeat(auto-fit, minmax(8.5em, 1fr));
+  margin: 1.25em 0 1.75em;
+}
+
+.admin-summary-grid > div {
+  border: solid 1px rgba(210, 215, 217, 0.85);
+  border-radius: 6px;
+  padding: 0.9em 1em;
+}
+
+.admin-summary-grid strong {
+  color: #38761d;
+  display: block;
+  font-family: "Roboto Slab", serif;
+  font-size: 1.45em;
+  line-height: 1.1;
+}
+
+.admin-summary-grid span {
+  color: #7f888f;
+  display: block;
+  font-size: 0.85em;
+  margin-top: 0.2em;
+}
+
+.admin-filter-bar {
+  align-items: flex-end;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75em;
+  margin: 1.25em 0;
+}
+
+.admin-filter-bar label {
+  font-size: 0.85em;
+  margin: 0;
+}
+
+.admin-filter-bar input[type="search"],
+.admin-filter-bar select {
+  min-width: 11em;
+}
+
+.admin-table td,
+.admin-table th {
+  vertical-align: top;
+}
+
+.status-badge {
+  border-radius: 6px;
+  display: inline-block;
+  font-size: 0.78em;
+  font-weight: 700;
+  line-height: 1.4;
+  margin: 0 0.25em 0.25em 0;
+  padding: 0.2em 0.55em;
+  white-space: nowrap;
+}
+
+.status-badge.success {
+  background: #e8f5e9;
+  color: #1b5e20;
+}
+
+.status-badge.warning {
+  background: #fff4e5;
+  color: #663c00;
+}
+
+.status-badge.error {
+  background: #fdeaea;
+  color: #641e16;
+}
+
+.status-badge.info {
+  background: #e8f4ff;
+  color: #0d3c61;
+}
+
+.status-badge.muted {
+  background: #edf0f2;
+  color: #5f676d;
+}
+
+.inline-admin-form {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+  margin: 0 0 0.5em 0;
+}
+
+.inline-admin-form select {
+  min-width: 13em;
+}
+
+.compact-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em;
+  margin: 0;
+  padding-left: 0;
+}
+
+.compact-actions li {
+  padding: 0;
+}
+
+@media screen and (max-width: 736px) {
+  .admin-filter-bar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .admin-filter-bar input[type="search"],
+  .admin-filter-bar select,
+  .admin-filter-bar button,
+  .admin-filter-bar .button,
+  .inline-admin-form select,
+  .inline-admin-form button {
+    width: 100%;
+  }
+}