changes to the style for the Manuell input fields for the Libnrary borrowings.

2026-09-23 17:11:08 +02:00
1 changed files with 29 additions and 2 deletions
@@ -133,6 +133,34 @@
        background: var(--ui-surface);
    }

+    /* Blue edge styling for inputs and action button */
+    #activeStudentCard,
+    #manualItemCode {
+        border: 2px solid #3b82f6 !important;
+        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
+    }
+
+    #activeStudentCard:focus,
+    #manualItemCode:focus {
+        outline: none;
+        border-color: #2563eb !important;
+        box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.25) !important;
+    }
+
+    #manualActionBtn {
+        background: #4f46e5 !important;
+        color: white !important;
+        border: 2px solid #3b82f6 !important;
+        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
+    }
+
+    #manualActionBtn:hover {
+        background: #4338ca !important;
+        border-color: #2563eb !important;
+        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.3);
+    }
+
    .library-scan-status {
        margin-top: 10px;
        font-size: 0.92em;
@@ -605,7 +633,6 @@
        letter-spacing: 2px;
    }

-
    .detail-gallery-container {
        display: flex;
        flex-wrap: wrap;
@@ -676,7 +703,7 @@
        <button id="physicalScannerBtn" class="button" type="button" style="margin-left:6px;">
            Physischer Scanner starten
        </button>
-        <button id="manualActionBtn" class="button" type="button" style="margin-left:6px; background:#4f46e5; color:white;">Code verarbeiten</button>
+        <button id="manualActionBtn" class="button" type="button" style="margin-left:6px;">Code verarbeiten</button>
    </div>
    
    <div class="library-scan-reader-wrap" id="scanReaderWrap" style="display: none; margin-top: 15px;">