Fix: поле Дата — ширина 11.5rem, кнопка календаря акцентным цветом с белой иконкой
Made-with: Cursor
This commit is contained in:
@@ -37,8 +37,36 @@
|
||||
}
|
||||
|
||||
.ws-form-compact .ws-form-row-date-number .ws-field-date input {
|
||||
width: 10ch;
|
||||
flex: 0 0 10ch;
|
||||
min-width: 11.5rem;
|
||||
width: 11.5rem;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
/* Кнопка календаря у поля даты — акцентный цвет, хорошо видна на тёмном фоне */
|
||||
.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator {
|
||||
background-color: var(--ws-accent);
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
padding: 4px;
|
||||
border-radius: var(--ws-radius-sm);
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.ws-form-compact input[type="date"]::-webkit-calendar-picker-indicator:hover {
|
||||
background-color: var(--ws-accent-hover);
|
||||
}
|
||||
|
||||
/* Firefox: кнопка календаря */
|
||||
.ws-form-compact input[type="date"]::-moz-focus-inner {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@supports (-moz-appearance: none) {
|
||||
.ws-form-compact input[type="date"] {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ws-form-compact .ws-form-row-date-number .ws-field-number input {
|
||||
|
||||
Reference in New Issue
Block a user