Donut Ding weg + Toggle mit Aktiv

2025-06-08 21:38:53 +02:00
Commit 37ab3601c0
--- a/v2_adminpanel/templates/base.html
+++ b/v2_adminpanel/templates/base.html
@@ -80,6 +80,88 @@
            z-index: 9999;
            max-width: 400px;
        }
+        
+        /* Table Improvements */
+        .table-container {
+            max-height: 600px;
+            overflow-y: auto;
+            position: relative;
+        }
+        
+        .table-sticky thead {
+            position: sticky;
+            top: 0;
+            background-color: #fff;
+            z-index: 10;
+            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
+        }
+        
+        .table-sticky thead th {
+            background-color: #f8f9fa;
+            border-bottom: 2px solid #dee2e6;
+        }
+        
+        /* Inline Actions */
+        .btn-copy {
+            padding: 0.25rem 0.5rem;
+            font-size: 0.875rem;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        
+        .btn-copy:hover {
+            background-color: #e9ecef;
+        }
+        
+        .btn-copy.copied {
+            background-color: var(--status-active);
+            color: white;
+        }
+        
+        /* Toggle Switch */
+        .form-switch-custom {
+            display: inline-block;
+        }
+        
+        .form-switch-custom .form-check-input {
+            cursor: pointer;
+            width: 3em;
+            height: 1.5em;
+        }
+        
+        .form-switch-custom .form-check-input:checked {
+            background-color: var(--status-active);
+            border-color: var(--status-active);
+        }
+        
+        /* Bulk Actions Bar */
+        .bulk-actions {
+            position: sticky;
+            bottom: 0;
+            background-color: #212529;
+            color: white;
+            padding: 1rem;
+            display: none;
+            z-index: 100;
+            box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
+        }
+        
+        .bulk-actions.show {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        
+        /* Checkbox Styling */
+        .checkbox-cell {
+            width: 40px;
+        }
+        
+        .form-check-input-custom {
+            cursor: pointer;
+            width: 1.2em;
+            height: 1.2em;
+        }
    </style>
 </head>
 <body class="bg-light">