Updated exportconfiguration, input edit toggle

This commit is contained in:
2026-01-13 14:02:22 -05:00
parent ef5039c772
commit da7603bdb5
3 changed files with 144 additions and 9 deletions
+56
View File
@@ -795,4 +795,60 @@
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
/* Edit checkbox styles */
.export-name-controls {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.input-with-checkbox {
display: flex;
align-items: center;
gap: 0.5rem;
}
.input-with-checkbox input[type="text"] {
flex: 1;
background-color: #f8f9fa;
cursor: not-allowed;
}
.input-with-checkbox input[type="text"]:not([readonly]) {
background-color: white;
cursor: text;
}
.edit-checkbox-label {
display: flex;
align-items: center;
gap: 0.25rem;
cursor: pointer;
padding: 0.5rem;
border-radius: 4px;
transition: background-color 0.2s;
user-select: none;
}
.edit-checkbox-label:hover {
background-color: #e9ecef;
}
.edit-checkbox-label input[type="checkbox"] {
cursor: pointer;
}
.edit-checkbox-label i {
color: #6c757d;
font-size: 0.9rem;
}
.edit-checkbox-label input[type="checkbox"]:checked + i {
color: #0d6efd;
}
.column-name-input input[type="text"][readonly] {
opacity: 0.7;
}