| | |
| | | .field.tag-list .tag-input-row .field { |
| | | min-width: 100%; |
| | | } |
| | | } |
| | | |
| | | .pendingChanges { |
| | | position: fixed; |
| | | bottom: var(--btn); |
| | | right: var(--btn_); |
| | | margin-right: 1rem; |
| | | padding: 1rem; |
| | | border-radius: var(--radius); |
| | | background-color: rgba(var(--base-rgb),var(--op-6)); |
| | | z-index: var(--z-6); |
| | | width: 50vw; |
| | | animation: fadeInSlideUp 0.5s ease-out forwards; |
| | | } |
| | | .pendingChanges button { |
| | | min-height: 0; |
| | | width: calc(50% - .7rem); |
| | | padding: .35rem; |
| | | } |
| | | @keyframes fadeInSlideUp { |
| | | from { |
| | | opacity: 0; |
| | | transform: translateY(20px); /* Start 20px below its final position */ |
| | | } |
| | | to { |
| | | opacity: 1; |
| | | transform: translateY(0); /* End at its normal position */ |
| | | } |
| | | } |