Refactor: подписи полей слева от полей в одну строку

Made-with: Cursor
This commit is contained in:
2026-02-26 05:22:04 +00:00
parent 8af8e0b1f4
commit 6529da4dce
2 changed files with 47 additions and 6 deletions

View File

@@ -1,23 +1,54 @@
/* Компактная раскладка форм документов */
/* Подпись слева от поля, в одну строку */
.ws-form-compact .ws-form-group {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem 1rem;
flex-wrap: wrap;
}
.ws-form-compact .ws-form-group label {
margin-bottom: 0;
flex-shrink: 0;
min-width: 6.5rem;
}
.ws-form-compact .ws-form-group input,
.ws-form-compact .ws-form-group select {
flex: 1;
min-width: 0;
}
.ws-form-compact .ws-form-group .ws-text-danger {
flex-basis: 100%;
margin-left: 7rem;
}
.ws-form-compact .ws-form-row {
display: grid;
gap: 1rem;
margin-bottom: 1rem;
align-items: start;
align-items: center;
}
.ws-form-compact .ws-form-row-date-number {
grid-template-columns: 10ch 15ch;
grid-template-columns: 1fr 1fr;
}
.ws-form-compact .ws-form-row-date-number .ws-form-group input {
max-width: 100%;
width: 100%;
.ws-form-compact .ws-form-row-date-number .ws-field-date input {
width: 10ch;
flex: 0 0 10ch;
}
.ws-form-compact .ws-form-row-date-number .ws-field-number input {
width: 15ch;
flex: 0 0 15ch;
}
.ws-form-compact .ws-form-row-2 {
grid-template-columns: 1fr 1fr;
max-width: 520px;
max-width: 600px;
}
.ws-form-compact .ws-form-row-2 .ws-form-group input,