modale csv
This commit is contained in:
@@ -478,88 +478,6 @@ function getTranslatedMonthName($dateString) {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* Bouton flottant */
|
||||
.pf-fab-sum {
|
||||
position: fixed;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
background-color: #2563eb;
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border: none;
|
||||
box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
|
||||
cursor: pointer;
|
||||
z-index: 9999;
|
||||
transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
||||
.pf-fab-sum:hover {
|
||||
transform: scale(1.1);
|
||||
background-color: #1d4ed8;
|
||||
}
|
||||
|
||||
.pf-fab-sum.active {
|
||||
background-color: #10b981;
|
||||
transform: scale(1.1);
|
||||
box-shadow: 0 4px 20px rgba(16, 185, 129, 0.5);
|
||||
}
|
||||
|
||||
/* Barre de résultat en bas */
|
||||
.pf-sum-bar {
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(100px);
|
||||
opacity: 0;
|
||||
background: white;
|
||||
padding: 12px 24px;
|
||||
border-radius: 30px;
|
||||
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
z-index: 9998;
|
||||
border: 1px solid #e2e8f0;
|
||||
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
|
||||
.pf-sum-bar.visible {
|
||||
transform: translateX(-50%) translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#sumResultValue {
|
||||
font-size: 1.2rem;
|
||||
color: #0f172a;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Effets sur le curseur quand le mode est actif */
|
||||
body.sum-mode-active {
|
||||
cursor: cell !important;
|
||||
}
|
||||
|
||||
body.sum-mode-active input,
|
||||
body.sum-mode-active .sum-target {
|
||||
cursor: cell !important;
|
||||
}
|
||||
|
||||
/* Style des champs/cellules sélectionnés */
|
||||
.sum-selected {
|
||||
outline: 2px dashed #10b981 !important;
|
||||
outline-offset: -2px;
|
||||
background-color: #ecfdf5 !important;
|
||||
color: #065f46 !important;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
</style>
|
||||
|
||||
<button id="fabSumMode" class="pf-fab-sum" onclick="toggleSumMode()" title="<?= tr('bud_sav_sum_mode_title') ?>">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z"></path><line x1="8" y1="12" x2="16" y2="12"></line><line x1="12" y1="8" x2="12" y2="16"></line></svg>
|
||||
|
||||
Reference in New Issue
Block a user