diff --git a/assets/css/admin.css b/assets/css/admin.css index 96ca323..7ac43d6 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -293,19 +293,35 @@ } /* Styles Bootstrap pour les boutons dans les logs */ +/* Règles communes pour tous les boutons */ +.esi-peppol-log-detail.btn-info, +.esi-peppol-log-resend.btn-warning, +.esi-peppol-log-status.btn-primary { + border: 2px solid; + border-radius: 6px; + font-weight: 500; + margin-bottom: 6px; +} + +.esi-peppol-log-detail.btn-info:focus, +.esi-peppol-log-detail.btn-info:active, +.esi-peppol-log-resend.btn-warning:focus, +.esi-peppol-log-resend.btn-warning:active, +.esi-peppol-log-status.btn-primary:focus, +.esi-peppol-log-status.btn-primary:active { + outline: none; +} + +/* Styles spécifiques pour le bouton Détail (Info) */ .esi-peppol-log-detail.btn-info { background-color: #d1ecf1; - border: 2px solid #0dcaf0; border-color: #0dcaf0; - border-radius: 6px; color: #0c5460; - font-weight: 500; } .esi-peppol-log-detail.btn-info:hover { background-color: #bee5eb; border-color: #0aa2c0; - color: #0c5460; } .esi-peppol-log-detail.btn-info:focus, @@ -313,22 +329,18 @@ background-color: #bee5eb; border-color: #0aa2c0; box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.5); - outline: none; } +/* Styles spécifiques pour le bouton Renvoyer (Warning) */ .esi-peppol-log-resend.btn-warning { background-color: #fff3cd; - border: 2px solid #ffc107; border-color: #ffc107; - border-radius: 6px; color: #856404; - font-weight: 500; } .esi-peppol-log-resend.btn-warning:hover { background-color: #ffeaa7; border-color: #ffb300; - color: #856404; } .esi-peppol-log-resend.btn-warning:focus, @@ -336,22 +348,18 @@ background-color: #ffeaa7; border-color: #ffb300; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); - outline: none; } +/* Styles spécifiques pour le bouton Status (Primary) */ .esi-peppol-log-status.btn-primary { background-color: #cfe2ff; - border: 2px solid #0d6efd; border-color: #0d6efd; - border-radius: 6px; color: #084298; - font-weight: 500; } .esi-peppol-log-status.btn-primary:hover { background-color: #b6d4fe; border-color: #0a58ca; - color: #084298; } .esi-peppol-log-status.btn-primary:focus, @@ -359,7 +367,6 @@ background-color: #b6d4fe; border-color: #0a58ca; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5); - outline: none; } /* Espacement entre les boutons dans la colonne Actions */ @@ -367,3 +374,15 @@ #esi-peppol-logs-table td .esi-peppol-log-status { margin-left: 8px; } + +/* Styles pour les icônes dans les boutons des logs */ +.esi-peppol-log-detail .dashicons, +.esi-peppol-log-resend .dashicons, +.esi-peppol-log-status .dashicons { + vertical-align: middle; + margin-right: 4px; + font-size: 16px; + width: 16px; + height: 16px; + line-height: 1; +} diff --git a/templates/admin/logs.php b/templates/admin/logs.php index 4b12250..b0f269a 100644 --- a/templates/admin/logs.php +++ b/templates/admin/logs.php @@ -79,6 +79,7 @@ if (!defined('ABSPATH')) { class="button button-secondary esi-peppol-log-detail btn btn-info" data-log-id="id); ?>" > + @@ -88,15 +89,16 @@ if (!defined('ABSPATH')) { class="button button-secondary esi-peppol-log-resend btn btn-warning" data-order-id="id_order); ?>" > + - + -->