gilles/suivi_achat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction : clavier numérique et réduction de la largeur des colonnes

Browse Source
This commit is contained in:
gilles soulier
2024-12-14 14:02:19 +01:00
parent 891fee7c11
commit b6f5f602bd
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/script.js
View File

@@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", () => {
const addRowButton = document.getElementById("add-row"); const addRowButton = document.getElementById("add-row");
const saveButton = document.getElementById("save"); const saveButton = document.getElementById("save");
// Mettre à jour la date et l'heure // Mise à jour de la date et l'heure
const updateDatetime = () => { const updateDatetime = () => {
const now = new Date(); const now = new Date();
datetimeElement.textContent = now.toLocaleString("fr-FR"); datetimeElement.textContent = now.toLocaleString("fr-FR");
@@ -32,6 +32,7 @@ document.addEventListener("DOMContentLoaded", () => {
const montantInput = document.createElement("input"); const montantInput = document.createElement("input");
montantInput.type = "number"; montantInput.type = "number";
montantInput.step = "0.01"; montantInput.step = "0.01";
montantInput.inputMode = "decimal"; // Forcer le clavier numérique
montantInput.placeholder = "0.00"; montantInput.placeholder = "0.00";
montantCell.appendChild(montantInput); montantCell.appendChild(montantInput);

15
public/style.css
View File

@@ -72,27 +72,28 @@ body {
} }
#articles-table { #articles-table {
width: calc(100% - 20px); width: 100%; /* Ajuste la table à 100% de la zone disponible */
max-width: 600px;
border-collapse: collapse; border-collapse: collapse;
margin: auto; margin: auto;
} }
#articles-table th, #articles-table td { #articles-table th,
#articles-table td {
border: 1px solid #ddd; border: 1px solid #ddd;
padding: 12px; padding: 8px;
text-align: center; text-align: center;
font-size: 16px; font-size: 14px; /* Taille plus petite pour éviter les débordements */
} }
#articles-table th { #articles-table th {
width: 25%; width: 20%;
} }
#articles-table td input, #articles-table td input,
#articles-table td select { #articles-table td select {
padding: 5px; padding: 5px;
font-size: 16px; font-size: 14px; /* Taille réduite */
width: 90%;
} }
#articles-table td input[type="radio"] { #articles-table td input[type="radio"] {