Ajout icônes boutons
This commit is contained in:
parent
4a43435986
commit
ebbdaf2e15
@ -293,19 +293,35 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Styles Bootstrap pour les boutons dans les logs */
|
/* 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 {
|
.esi-peppol-log-detail.btn-info {
|
||||||
background-color: #d1ecf1;
|
background-color: #d1ecf1;
|
||||||
border: 2px solid #0dcaf0;
|
|
||||||
border-color: #0dcaf0;
|
border-color: #0dcaf0;
|
||||||
border-radius: 6px;
|
|
||||||
color: #0c5460;
|
color: #0c5460;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-detail.btn-info:hover {
|
.esi-peppol-log-detail.btn-info:hover {
|
||||||
background-color: #bee5eb;
|
background-color: #bee5eb;
|
||||||
border-color: #0aa2c0;
|
border-color: #0aa2c0;
|
||||||
color: #0c5460;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-detail.btn-info:focus,
|
.esi-peppol-log-detail.btn-info:focus,
|
||||||
@ -313,22 +329,18 @@
|
|||||||
background-color: #bee5eb;
|
background-color: #bee5eb;
|
||||||
border-color: #0aa2c0;
|
border-color: #0aa2c0;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(13, 202, 240, 0.5);
|
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 {
|
.esi-peppol-log-resend.btn-warning {
|
||||||
background-color: #fff3cd;
|
background-color: #fff3cd;
|
||||||
border: 2px solid #ffc107;
|
|
||||||
border-color: #ffc107;
|
border-color: #ffc107;
|
||||||
border-radius: 6px;
|
|
||||||
color: #856404;
|
color: #856404;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-resend.btn-warning:hover {
|
.esi-peppol-log-resend.btn-warning:hover {
|
||||||
background-color: #ffeaa7;
|
background-color: #ffeaa7;
|
||||||
border-color: #ffb300;
|
border-color: #ffb300;
|
||||||
color: #856404;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-resend.btn-warning:focus,
|
.esi-peppol-log-resend.btn-warning:focus,
|
||||||
@ -336,22 +348,18 @@
|
|||||||
background-color: #ffeaa7;
|
background-color: #ffeaa7;
|
||||||
border-color: #ffb300;
|
border-color: #ffb300;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
|
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 {
|
.esi-peppol-log-status.btn-primary {
|
||||||
background-color: #cfe2ff;
|
background-color: #cfe2ff;
|
||||||
border: 2px solid #0d6efd;
|
|
||||||
border-color: #0d6efd;
|
border-color: #0d6efd;
|
||||||
border-radius: 6px;
|
|
||||||
color: #084298;
|
color: #084298;
|
||||||
font-weight: 500;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-status.btn-primary:hover {
|
.esi-peppol-log-status.btn-primary:hover {
|
||||||
background-color: #b6d4fe;
|
background-color: #b6d4fe;
|
||||||
border-color: #0a58ca;
|
border-color: #0a58ca;
|
||||||
color: #084298;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.esi-peppol-log-status.btn-primary:focus,
|
.esi-peppol-log-status.btn-primary:focus,
|
||||||
@ -359,7 +367,6 @@
|
|||||||
background-color: #b6d4fe;
|
background-color: #b6d4fe;
|
||||||
border-color: #0a58ca;
|
border-color: #0a58ca;
|
||||||
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
|
box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.5);
|
||||||
outline: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Espacement entre les boutons dans la colonne Actions */
|
/* Espacement entre les boutons dans la colonne Actions */
|
||||||
@ -367,3 +374,15 @@
|
|||||||
#esi-peppol-logs-table td .esi-peppol-log-status {
|
#esi-peppol-logs-table td .esi-peppol-log-status {
|
||||||
margin-left: 8px;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
@ -79,6 +79,7 @@ if (!defined('ABSPATH')) {
|
|||||||
class="button button-secondary esi-peppol-log-detail btn btn-info"
|
class="button button-secondary esi-peppol-log-detail btn btn-info"
|
||||||
data-log-id="<?php echo esc_attr($row->id); ?>"
|
data-log-id="<?php echo esc_attr($row->id); ?>"
|
||||||
>
|
>
|
||||||
|
<span class="dashicons dashicons-visibility"></span>
|
||||||
<?php esc_html_e('Détail', 'esi_peppol'); ?>
|
<?php esc_html_e('Détail', 'esi_peppol'); ?>
|
||||||
</button>
|
</button>
|
||||||
</td>
|
</td>
|
||||||
@ -88,15 +89,16 @@ if (!defined('ABSPATH')) {
|
|||||||
class="button button-secondary esi-peppol-log-resend btn btn-warning"
|
class="button button-secondary esi-peppol-log-resend btn btn-warning"
|
||||||
data-order-id="<?php echo esc_attr($row->id_order); ?>"
|
data-order-id="<?php echo esc_attr($row->id_order); ?>"
|
||||||
>
|
>
|
||||||
|
<span class="dashicons dashicons-update"></span>
|
||||||
<?php esc_html_e('Envoyer de nouveau', 'esi_peppol'); ?>
|
<?php esc_html_e('Envoyer de nouveau', 'esi_peppol'); ?>
|
||||||
</button>
|
</button>
|
||||||
<button
|
<!-- <button
|
||||||
type="button"
|
type="button"
|
||||||
class="button button-secondary esi-peppol-log-status btn btn-primary"
|
class="button button-secondary esi-peppol-log-status btn btn-primary"
|
||||||
data-order-id="<?php echo esc_attr($row->id_order); ?>"
|
data-order-id="<?php echo esc_attr($row->id_order); ?>"
|
||||||
>
|
>
|
||||||
<?php esc_html_e('Status', 'esi_peppol'); ?>
|
<?php esc_html_e('Status', 'esi_peppol'); ?>
|
||||||
</button>
|
</button> -->
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user