You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
893 B
42 lines
893 B
$durationInput-spacing: 1em; |
|
$durationInput-inputWidth: 4em; |
|
$durationInput-labelWidth: 2.5em; |
|
|
|
.field .durationInputs { |
|
display: flex; // max-width: 100%; |
|
justify-content: start; |
|
flex-wrap: wrap; |
|
margin: -$durationInput-spacing / 2; |
|
|
|
width: auto; |
|
|
|
.ui.input.durationInput > input { |
|
width: 0 !important; |
|
} |
|
|
|
.ui.input.durationInput { |
|
padding: $durationInput-spacing / 2; |
|
max-width: 100%; |
|
width: auto !important; |
|
flex-basis: auto; |
|
flex-shrink: 0; |
|
flex-grow: 1; |
|
|
|
> input { |
|
min-width: $durationInput-inputWidth; |
|
width: auto; |
|
flex-basis: $durationInput-inputWidth; |
|
flex-grow: 1; |
|
flex-shrink: 0; |
|
} |
|
|
|
> .label { |
|
min-width: $durationInput-labelWidth; |
|
width: $durationInput-labelWidth; |
|
flex: $durationInput-labelWidth; |
|
flex-grow: 0; |
|
flex-shrink: 0; |
|
text-align: center; |
|
} |
|
} |
|
}
|
|
|