feat: add date-stepper buttons (Feature C) clamped to selected month
This commit is contained in:
parent
ba219ce0eb
commit
016ce93979
3 changed files with 120 additions and 3 deletions
26
styles.css
26
styles.css
|
|
@ -658,3 +658,29 @@ header h1 {
|
|||
color: #dc3545;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* === Date Stepper === */
|
||||
.date-stepper {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr auto;
|
||||
gap: 6px;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.date-stepper input[type="date"] {
|
||||
/* override the .form-group width */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.date-stepper button {
|
||||
padding: 0 14px;
|
||||
margin: 0;
|
||||
font-size: 1.2rem;
|
||||
line-height: 1;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.date-stepper button:disabled {
|
||||
opacity: 0.4;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue