Dateien nach "assets/css" hochladen

assets/css/teamcard-admin.css

@@ -0,0 +1,102 @@
+/* Allgemeine Admin-Stile */
+.teamcard-admin .nav-tab-wrapper {
+    margin-bottom: 20px;
+}
+
+.teamcard-admin .tab-content {
+    background: #fff;
+    padding: 20px;
+    border: 1px solid #ccd0d4;
+    box-shadow: 0 1px 1px rgba(0,0,0,.04);
+}
+
+.teamcard-add-new-form {
+    background: #f9f9f9;
+    border: 1px solid #e5e5e5;
+    padding: 20px;
+    margin-bottom: 20px;
+}
+
+.form-fields {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 20px;
+}
+
+.form-field label {
+    display: block;
+    margin-bottom: 5px;
+    font-weight: 600;
+}
+
+.form-field input[type="text"],
+.form-field select {
+    width: 100%;
+    padding: 8px;
+}
+
+.teamcard-table .column-thumbnail {
+    width: 120px;
+}
+
+.teamcard-table td {
+    vertical-align: middle;
+}
+
+.image-preview-container {
+    margin-bottom: 10px;
+    min-height: 50px;
+}
+
+.teamcard-bild-vorschau {
+    max-width: 80px;
+    max-height: 80px;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+}
+
+.editable {
+    padding: 8px;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    transition: all 0.2s ease-in-out;
+    min-height: 18px; /* Verhindert Sprünge */
+}
+
+.editable:hover {
+    border-color: #0073aa;
+    background-color: #f3f3f3;
+    cursor: pointer;
+}
+
+.inline-edit {
+    width: 100%;
+    padding: 6px;
+    box-sizing: border-box;
+}
+
+.ui-sortable-helper {
+    background-color: #fff;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+}
+
+.ui-state-highlight {
+    height: 80px;
+    background-color: #f0f0f0;
+    border: 1px dashed #ccc;
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+    color: #999;
+}
+.ui-state-highlight::before {
+    content: "Hier ablegen";
+}
+
+#teamcard-message {
+    position: fixed;
+    top: 50px;
+    right: 20px;
+    z-index: 9999;
+    max-width: 300px;
+}