| | |
| | | Tag Field |
| | | */ |
| | | /* Tag List Field */ |
| | | .field.tag-list .tag-input-row { |
| | | display: flex; |
| | | gap: 0.5rem; |
| | | align-items: flex-start; |
| | | .field.tag-list .row { |
| | | margin-bottom: 1rem; |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .field.tag-list .tag-input-row .field { |
| | | .field.tag-list .row .field { |
| | | flex: 1; |
| | | min-width: 150px; |
| | | margin: 0; |
| | | } |
| | | |
| | | .field.tag-list .tag-input-row .add-tag-item { |
| | | .field.tag-list .tag .add-tag-item { |
| | | flex-shrink: 0; |
| | | white-space: nowrap; |
| | | margin-top: calc(var(--txt-medium) + 1rem); |
| | |
| | | } |
| | | |
| | | @media (max-width: 768px) { |
| | | .field.tag-list .tag-input-row { |
| | | .field.tag-list .tag { |
| | | flex-direction: column; |
| | | align-items: stretch; |
| | | } |
| | | |
| | | .field.tag-list .tag-input-row .field { |
| | | .field.tag-list .tag .field { |
| | | min-width: 100%; |
| | | } |
| | | } |