dert
This commit is contained in:
parent
922d45f12d
commit
cf75035b40
|
|
@ -84,5 +84,4 @@
|
|||
#tableGarants tbody tr:hover {
|
||||
background-color: rgba(33, 46, 83, 0.02) !important;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
|
@ -96,5 +96,4 @@
|
|||
}
|
||||
|
||||
.smaller { font-size: 0.8rem; }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
|
@ -66,10 +66,6 @@
|
|||
|
||||
<style>
|
||||
/* Conteneur principal */
|
||||
.bg-primary-ghost {
|
||||
background-color: rgba(33, 46, 83, 0.08) !important;
|
||||
}
|
||||
|
||||
.message-row {
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -60,7 +60,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.modal-content { border-radius: 15px; }
|
||||
|
||||
|
|
|
|||
|
|
@ -87,8 +87,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.02) !important; }
|
||||
.input-editable { border-color: #eee; transition: all 0.2s; background-color: #fdfdfd; }
|
||||
.input-editable:focus { border-color: var(--bs-primary); background-color: #fff !important; box-shadow: 0 0 0 0.2rem rgba(33, 46, 83, 0.1); }
|
||||
.table-hover tbody tr:hover { background-color: rgba(33, 46, 83, 0.03); }
|
||||
|
|
|
|||
|
|
@ -115,7 +115,6 @@
|
|||
<style>
|
||||
.input-editable { border-color: #eee; transition: all 0.2s; }
|
||||
.input-editable:focus { border-color: var(--bs-primary); background-color: #fff !important; }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05) !important; }
|
||||
|
||||
/* Animation lors de la modification réussie (à appeler dans vos fonctions AJAX de maj) */
|
||||
.save-success { border-color: #198754 !important; background-color: rgba(25, 135, 84, 0.1) !important; }
|
||||
|
|
|
|||
|
|
@ -72,7 +72,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -80,7 +80,6 @@
|
|||
height: 60px; /* Règle d'or */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -78,7 +78,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
height: 60px; /* Règle d'or Neutral Pro */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -83,7 +83,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
|
||||
<style>
|
||||
/* Rappel des piliers visuels Neutral Pro */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
||||
#tableLister thead th {
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@
|
|||
|
||||
<style>
|
||||
/* Rappel des styles Ghost pour la cohérence */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -87,8 +87,7 @@
|
|||
height: 60px; /* Règle d'or */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-info-ghost { background-color: rgba(13, 202, 240, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
height: 60px; /* Règle d'or pour le confort visuel */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
code { font-size: 0.9em; background: #f8fafc; padding: 2px 6px; border-radius: 4px; }
|
||||
|
|
|
|||
|
|
@ -48,7 +48,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-weight: 700; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -79,7 +79,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
<style>
|
||||
/* On garde tes styles spécifiques pour assurer la même hauteur et le même rendu */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
|
||||
<style>
|
||||
/* Intégration des styles pour assurer la cohérence si non présents dans le CSS global */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
|
||||
<style>
|
||||
/* Styles spécifiques Neutral Pro */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.bg-danger-ghost { background-color: rgba(220, 53, 69, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
|
||||
<style>
|
||||
/* Styles spécifiques Neutral Pro pour la cohérence */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -58,11 +58,7 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
/* Style spécifique pour l'icône de l'entête */
|
||||
.bg-primary-ghost {
|
||||
background-color: rgba(13, 110, 253, 0.1);
|
||||
}
|
||||
|
||||
|
||||
/* Harmonisation du selectpicker */
|
||||
.bootstrap-select .dropdown-toggle {
|
||||
border-color: #dee2e6 !important;
|
||||
|
|
|
|||
|
|
@ -60,13 +60,10 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.btn-link { text-decoration: none; border: none; background: transparent; transition: all 0.2s ease-in-out; }
|
||||
.action-icon:hover { transform: scale(1.25); }
|
||||
|
||||
/* Style spécifique pour le bouton d'édition dans le tableau */
|
||||
.text-warning { color: #f39c12 !important; }
|
||||
|
||||
.datatable-colleges thead th { vertical-align: middle; border-bottom: 2px solid #eee; }
|
||||
.table-hover tbody tr:hover { background-color: rgba(33, 46, 83, 0.02); }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -187,8 +187,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05); }
|
||||
.bg-success-light { background-color: rgba(25, 135, 84, 0.1); }
|
||||
.form-control:disabled { opacity: 1; cursor: default; }
|
||||
/* Suppression flèche select en disabled */
|
||||
select.form-control:disabled { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
|
||||
|
|
|
|||
|
|
@ -201,8 +201,7 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
|
||||
|
||||
.majuscule { text-transform: uppercase; }
|
||||
.form-control:focus, .form-select:focus {
|
||||
border-color: var(--bs-primary);
|
||||
|
|
|
|||
|
|
@ -294,9 +294,6 @@
|
|||
<style>
|
||||
.nav-tabs .nav-link { color: #6c757d; border: 1px solid transparent; background: #fff; transition: 0.3s; margin-bottom: 5px; }
|
||||
.nav-tabs .nav-link.active { background-color: var(--bs-primary) !important; color: white !important; }
|
||||
.bg-success-light { background-color: rgba(25, 135, 84, 0.1); }
|
||||
.bg-warning-light { background-color: rgba(255, 193, 7, 0.1); }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); }
|
||||
.cursor-pointer { cursor: pointer; }
|
||||
.form-select:disabled { opacity: 1; border: none; background: transparent; padding: 0; font-weight: bold; color: #212e53; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -149,8 +149,7 @@
|
|||
|
||||
<style>
|
||||
.header-section.sticky-top { background-color: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05) !important; }
|
||||
.btn-primary-ghost { color: var(--bs-primary); background-color: rgba(33, 46, 83, 0.1); border: none; }
|
||||
|
||||
.btn-danger-light { color: var(--bs-danger); background-color: rgba(220, 53, 69, 0.1); border: none; }
|
||||
.action-btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; transition: 0.2s; }
|
||||
.action-btn:hover { transform: scale(1.1); }
|
||||
|
|
|
|||
|
|
@ -93,7 +93,6 @@
|
|||
|
||||
<style>
|
||||
/* Intégration Design System */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.form-control.border-2, .input-group-text.border-2 { border-width: 2px !important; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
|
|
|
|||
|
|
@ -84,7 +84,6 @@ window.addEventListener('load', function() {
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th {
|
||||
border-bottom: 2px solid #f1f4f6;
|
||||
color: #6c757d;
|
||||
|
|
|
|||
|
|
@ -115,10 +115,7 @@
|
|||
|
||||
<style>
|
||||
/* Spécificités Neutral Pro Édition */
|
||||
.bg-warning-ghost { background-color: rgba(255, 193, 7, 0.1); }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.05); }
|
||||
.btn-warning-light { background-color: rgba(255, 193, 7, 0.1); border: 1px solid rgba(255, 193, 7, 0.2); color: #856404; }
|
||||
|
||||
.sticky-top { top: 10px; z-index: 1020; }
|
||||
|
||||
/* Harmonisation SelectPicker */
|
||||
|
|
|
|||
|
|
@ -71,7 +71,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
|
||||
|
|
|
|||
|
|
@ -87,5 +87,4 @@ window.addEventListener('load', function() {
|
|||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
|
@ -240,11 +240,6 @@
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08); }
|
||||
.bg-warning-ghost { background: rgba(243, 156, 18, 0.08); }
|
||||
.bg-danger-ghost { background: rgba(192, 57, 43, 0.08); }
|
||||
.bg-success-ghost { background: rgba(39, 174, 96, 0.08); }
|
||||
|
||||
.icon-shape {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -201,8 +201,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.02) !important; }
|
||||
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
|
||||
|
||||
/* Style Neutral Pro pour les champs désactivés simulant du texte */
|
||||
|
|
|
|||
|
|
@ -53,9 +53,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.02) !important; }
|
||||
|
||||
/* Style pour le selectpicker personnalisé */
|
||||
.bootstrap-select .btn {
|
||||
border-width: 2px !important;
|
||||
|
|
|
|||
|
|
@ -107,10 +107,6 @@ window.addEventListener('load', function() {
|
|||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
|
||||
.bg-info-ghost { background: rgba(0, 184, 212, 0.08) !important; color: #00b8d4 !important; }
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; color: #212e53 !important; }
|
||||
.bg-success-ghost { background: rgba(39, 174, 96, 0.12) !important; color: #27ae60 !important; }
|
||||
|
||||
/* Animation des boutons */
|
||||
.btn-sm { transition: all 0.2s ease; }
|
||||
.btn-sm:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; }
|
||||
|
|
|
|||
|
|
@ -77,10 +77,6 @@
|
|||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.bg-primary-ghost {
|
||||
background-color: rgba(33, 46, 83, 0.08);
|
||||
}
|
||||
|
||||
.icon-box {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -216,8 +216,6 @@ window.addEventListener('load', function() {
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-info-ghost { background: rgba(0, 184, 212, 0.08) !important; }
|
||||
.btn-xs { padding: 0.25rem 0.45rem; font-size: 0.7rem; }
|
||||
.required:after { content: " *"; color: #dc3545; }
|
||||
.input-group .btn-outline-secondary { border-color: #dee2e6; color: #adb5bd; }
|
||||
|
|
|
|||
|
|
@ -60,10 +60,6 @@
|
|||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.bg-primary-ghost {
|
||||
background-color: rgba(13, 110, 253, 0.1);
|
||||
}
|
||||
|
||||
.border-dashed {
|
||||
border: 2px dashed #dee2e6 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -123,8 +123,7 @@
|
|||
}
|
||||
|
||||
.bootstrap-select .filter-option { display: flex; align-items: center; font-weight: 600; }
|
||||
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.card-header { background-color: #f8f9fa; }
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -196,13 +196,9 @@
|
|||
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.03) !important; }
|
||||
.btn-primary-ghost { color: var(--bs-primary); background-color: rgba(33, 46, 83, 0.1); border: none; }
|
||||
.btn-primary-ghost:hover { background-color: rgba(33, 46, 83, 0.2); }
|
||||
|
||||
.bg-success-light { background-color: rgba(25, 135, 84, 0.08) !important; }
|
||||
.bg-success-ghost { background-color: rgba(25, 135, 84, 0.03) !important; }
|
||||
.btn-danger-light { color: var(--bs-danger); background-color: rgba(220, 53, 69, 0.1); border: none; }
|
||||
.btn-danger-light:hover { background-color: rgba(220, 53, 69, 0.2); }
|
||||
|
||||
|
|
|
|||
|
|
@ -80,7 +80,6 @@
|
|||
}
|
||||
|
||||
.border-dashed { border-style: dashed !important; }
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -67,7 +67,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.btn-link { text-decoration: none; border: none; background: transparent; transition: all 0.2s ease-in-out; }
|
||||
.action-icon:hover { transform: scale(1.25); }
|
||||
|
||||
|
|
|
|||
|
|
@ -79,8 +79,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.02) !important; }
|
||||
.border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
||||
|
|
|
|||
|
|
@ -50,8 +50,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-primary-ghost-light { background-color: rgba(33, 46, 83, 0.02) !important; }
|
||||
.border-dashed { border-style: dashed !important; border-width: 2px !important; border-color: #dee2e6 !important; }
|
||||
|
||||
/* Harmonisation Selectpicker */
|
||||
|
|
|
|||
|
|
@ -25,7 +25,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(13, 110, 253, 0.1); }
|
||||
/* Ajustements pour que le tableau remplisse bien sa carte */
|
||||
#div_lister_table .card { border: none; }
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -137,10 +137,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08); }
|
||||
.bg-success-light { background-color: rgba(25, 135, 84, 0.1); }
|
||||
.bg-danger-light { background-color: rgba(220, 53, 69, 0.1); }
|
||||
|
||||
.cursor-pointer { cursor: pointer; }
|
||||
.form-switch .form-check-input { width: 2.2em; height: 1.1em; cursor: pointer; border-color: #dee2e6; }
|
||||
|
||||
|
|
|
|||
|
|
@ -84,5 +84,4 @@
|
|||
#tableGarants tbody tr:hover {
|
||||
background-color: rgba(33, 46, 83, 0.02) !important;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
|
@ -72,7 +72,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -80,7 +80,7 @@
|
|||
height: 60px; /* Règle d'or */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
height: 60px; /* Règle d'or Neutral Pro */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -83,7 +83,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
|
||||
<style>
|
||||
/* Rappel des piliers visuels Neutral Pro */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
||||
#tableLister thead th {
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@
|
|||
|
||||
<style>
|
||||
/* Rappel des styles Ghost pour la cohérence */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -87,8 +87,7 @@
|
|||
height: 60px; /* Règle d'or */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-info-ghost { background-color: rgba(13, 202, 240, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
height: 60px; /* Règle d'or pour le confort visuel */
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
code { font-size: 0.9em; background: #f8fafc; padding: 2px 6px; border-radius: 4px; }
|
||||
|
|
|
|||
|
|
@ -48,7 +48,6 @@
|
|||
</div>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-weight: 700; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -79,7 +79,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -50,7 +50,6 @@
|
|||
|
||||
<style>
|
||||
/* On garde tes styles spécifiques pour assurer la même hauteur et le même rendu */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -50,7 +50,6 @@
|
|||
|
||||
<style>
|
||||
/* Intégration des styles pour assurer la cohérence si non présents dans le CSS global */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -72,7 +72,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -52,7 +52,6 @@
|
|||
|
||||
<style>
|
||||
/* Styles spécifiques Neutral Pro */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -85,8 +85,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-danger-ghost { background-color: rgba(220, 53, 69, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -72,7 +72,6 @@
|
|||
height: 60px;
|
||||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.text-primary { color: #212e53 !important; }
|
||||
</style>
|
||||
|
|
@ -54,7 +54,6 @@
|
|||
|
||||
<style>
|
||||
/* Styles spécifiques Neutral Pro pour la cohérence */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
#tableLister thead th { padding-top: 15px; padding-bottom: 15px; font-size: 0.75rem; letter-spacing: 0.5px; }
|
||||
#tableLister tbody td { border-color: #f1f4f6; height: 60px; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
|
|
|
|||
|
|
@ -83,7 +83,6 @@
|
|||
|
||||
<style>
|
||||
/* Intégration Design System */
|
||||
.bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
|
||||
.shadow-xs { box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
|
||||
.form-control.border-2, .input-group-text.border-2 { border-width: 2px !important; }
|
||||
.majuscule { text-transform: uppercase; }
|
||||
|
|
|
|||
|
|
@ -87,5 +87,4 @@ window.addEventListener('load', function() {
|
|||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; }
|
||||
</style>
|
||||
|
|
@ -240,11 +240,6 @@
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08); }
|
||||
.bg-warning-ghost { background: rgba(243, 156, 18, 0.08); }
|
||||
.bg-danger-ghost { background: rgba(192, 57, 43, 0.08); }
|
||||
.bg-success-ghost { background: rgba(39, 174, 96, 0.08); }
|
||||
|
||||
.icon-shape {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -108,10 +108,6 @@ window.addEventListener('load', function() {
|
|||
border-bottom: 1px solid #f1f4f6;
|
||||
}
|
||||
|
||||
.bg-info-ghost { background: rgba(0, 184, 212, 0.08) !important; color: #00b8d4 !important; }
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; color: #212e53 !important; }
|
||||
.bg-success-ghost { background: rgba(39, 174, 96, 0.12) !important; color: #27ae60 !important; }
|
||||
|
||||
/* Animation des boutons */
|
||||
.btn-sm { transition: all 0.2s ease; }
|
||||
.btn-sm:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; }
|
||||
|
|
|
|||
|
|
@ -77,10 +77,6 @@
|
|||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.bg-primary-ghost {
|
||||
background-color: rgba(33, 46, 83, 0.08);
|
||||
}
|
||||
|
||||
.icon-box {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -237,8 +237,6 @@ function maj_authentification_otp() {
|
|||
</script>
|
||||
|
||||
<style>
|
||||
.bg-primary-ghost { background: rgba(33, 46, 83, 0.08) !important; }
|
||||
.bg-info-ghost { background: rgba(0, 184, 212, 0.08) !important; }
|
||||
.btn-xs { padding: 0.25rem 0.45rem; font-size: 0.7rem; }
|
||||
.required:after { content: " *"; color: #dc3545; }
|
||||
.input-group .btn-outline-secondary { border-color: #dee2e6; color: #adb5bd; }
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user