WIP : sauvegarde avant de continuer ordreGF fctionne mais pas les btn

2026-07-05 13:52:19 +00:00
parent 33a23d0392
commit 26c5f06f98
7 changed files with 369 additions and 5 deletions
@@ -0,0 +1,157 @@
+:root {
+  --ordregf-bg: #13161f;
+  --ordregf-card: #1c2030;
+  --ordregf-border: rgba(255, 255, 255, 0.08);
+  --ordregf-text: #f0f2fc;
+}
+
+/* Force le plein écran */
+.ordregf-page {
+  background-color: var(--ordregf-bg);
+  margin: 0;
+  padding: 0;
+}
+
+.ordregf-shell {
+  width: 100%;
+  max-width: none;
+  margin: 0;
+  padding: 20px;
+  box-sizing: border-box;
+}
+
+.ordregf-card {
+  background: var(--ordregf-card);
+  border-radius: 12px;
+  padding: 20px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* Tables en pleine largeur */
+.ordregf-table,
+.ordregf-detail-table {
+  width: 100% !important;
+  border-collapse: collapse;
+  table-layout: auto;
+}
+
+/* Alignements entêtes */
+.ordregf-table th,
+.ordregf-detail-table th {
+  background: rgba(255, 255, 255, 0.05);
+  padding: 12px;
+  text-align: left;
+  color: #fff;
+}
+
+.ordregf-detail-table th {
+  text-align: center !important;
+  vertical-align: middle;
+}
+
+.ordregf-detail-table td {
+  padding: 8px;
+  border-bottom: 1px solid var(--ordregf-border);
+}
+
+/* Styles boutons */
+.ordregf-edit-button {
+  padding: 4px 12px;
+  cursor: pointer;
+}
+
+/* Boutons principaux (Créer et Retour) */
+.ordregf-btn-menu,
+.ordregf-btn-creer {
+  padding: 10px 24px !important;
+  border-radius: 50px !important;
+  border: none !important;
+  cursor: pointer !important;
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  text-decoration: none !important;
+  display: inline-flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  transition: background 0.3s ease !important;
+  color: #ffffff !important;
+}
+
+/* Bouton Menu (Bleu) */
+.ordregf-btn-menu {
+  background-color: #1a237e !important;
+}
+.ordregf-btn-menu:hover {
+  background-color: #283593 !important;
+}
+
+/* Bouton Créer (Vert) */
+.ordregf-btn-creer {
+  background-color: #28a745 !important;
+}
+.ordregf-btn-creer:hover {
+  background-color: #218838 !important;
+}
+
+/* Styles lignes */
+.ordregf-header-style {
+  background: rgba(255, 255, 255, 0.05) !important;
+}
+
+.ordregf-header-style td {
+  color: #fff !important;
+  font-weight: 600 !important;
+  padding: 12px !important;
+  border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important;
+}
+
+.ordregf-detail-row td {
+  padding: 10px 5px !important;
+  border-bottom: 1px solid var(--ordregf-border);
+  color: #e0e0e0;
+  font-family: monospace;
+}
+
+.ordregf-detail-row:hover {
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+/* Alignement colonnes numériques */
+.ordregf-detail-table .text-right {
+  text-align: right !important;
+  padding-right: 15px !important;
+}
+
+/* Classe commune : force la taille et l'alignement */
+.ordregf-btn-petit {
+  width: 90px; /* Largeur fixe pour tous les petits boutons */
+  height: 30px; /* Hauteur fixe pour un alignement vertical parfait */
+  padding: 0 10px; /* Padding horizontal */
+  font-size: 0.8em;
+  font-weight: 600;
+  cursor: pointer;
+  border: none;
+  border-radius: 4px;
+  display: inline-flex; /* Utilise Flexbox pour centrer le texte */
+  align-items: center; /* Centre verticalement */
+  justify-content: center; /* Centre horizontalement */
+  box-sizing: border-box; /* Important : inclut padding/border dans la largeur */
+}
+
+/* Couleurs spécifiques */
+.ordregf-btn-creer-petit {
+  background-color: #28a745;
+  color: white;
+}
+.ordregf-btn-creer-petit:hover {
+  background-color: #218838;
+}
+
+.ordregf-btn-modifier-petit {
+  background-color: #1a237e;
+  color: white;
+}
+.ordregf-btn-modifier-petit:hover {
+  background-color: #283593;
+}