From ec0ea73e358ac03346060e780cf99318a970ab83 Mon Sep 17 00:00:00 2001 From: Pierre Marx Date: Thu, 4 Sep 2025 14:34:54 -0400 Subject: [PATCH] checkbox clickable et modification des textes --- index.html | 240 ++++++++++++++++++++++++++++------------------------ renderer.js | 2 +- styles.css | 22 +++-- 3 files changed, 148 insertions(+), 116 deletions(-) diff --git a/index.html b/index.html index 98f58d4..e596185 100644 --- a/index.html +++ b/index.html @@ -1,131 +1,153 @@ - - - + + + SimpleConnect - Gestion Centralisée des Plannings - - - - + + + +
-
- -
-
-

SimpleConnect

- -
-
-
- - En attente -
-
-
- - -
-
- - -
-
📞
-
-
APPEL ENTRANT
-
-
-
- + +
+
+

SimpleConnect

+
- - -
- - - - -
- -
- - -
-
-

Sélectionnez un centre ou attendez un appel entrant

-
-
- - -
-

Notes rapides

- - -
-
+
+
+ + En attente +
+
+ + +
+
+ + +
+
📞
+
+
APPEL ENTRANT
+
+
+
+ +
+ + +
+ + + + +
+ +
+ + +
+
+

Sélectionnez un centre ou attendez un appel entrant

+
+
+ + +
+

Notes rapides

+ + +
+
+
- - \ No newline at end of file + + diff --git a/renderer.js b/renderer.js index cf52cda..25d34bf 100644 --- a/renderer.js +++ b/renderer.js @@ -127,7 +127,7 @@ async function handleLogin(e) { // Désactiver le bouton pendant la connexion loginBtn.disabled = true; - loginBtn.textContent = forceDisconnect ? 'Déconnexion forcée et reconnexion...' : 'Connexion en cours...'; + loginBtn.textContent = forceDisconnect ? 'Reconnexion...' : 'Connexion en cours...'; errorDiv.textContent = ''; try { diff --git a/styles.css b/styles.css index 9870e57..440175d 100644 --- a/styles.css +++ b/styles.css @@ -408,8 +408,11 @@ body { position: absolute; opacity: 0; cursor: pointer; - height: 0; - width: 0; + height: 18px; + width: 18px; + left: 0; + top: 1px; + z-index: 1; } /* Checkbox personnalisée */ @@ -427,14 +430,21 @@ body { flex-shrink: 0; } -/* Checkbox cochée */ -.checkbox-label input[type="checkbox"]:checked ~ ::before { +/* Checkbox cochée - fond violet */ +.checkbox-label input[type="checkbox"]:checked + span::before { + content: ''; + position: absolute; + left: 0; + top: 1px; + width: 18px; + height: 18px; background: #667eea; - border-color: #667eea; + border: 2px solid #667eea; + border-radius: 4px; } /* Icône de check */ -.checkbox-label input[type="checkbox"]:checked ~ ::after { +.checkbox-label input[type="checkbox"]:checked + span::after { content: ''; position: absolute; left: 6px;