@atlaskit/inline-edit
Version:
An inline edit displays a custom input component that switches between reading and editing on the same page.
18 lines • 1.03 kB
CSS
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._152t1osq{inset-block-start:100%}
._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
._1bsbxy5q{width:var(--ds-space-400,2pc)}
._1e0c1txw{display:flex}
._1mpy1b66:last-child{margin-inline-start:var(--ds-space-050,4px)}
._1nlx1bhr>button{background-color:var(--ds-surface-overlay,#fff)}
._1o9zidpf{flex-shrink:0}
._1pby1kze{z-index:200}
._1pfh12x7{margin-block-start:var(--ds-space-075,6px)}
._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
._kqswstnw{position:absolute}
._rjxpidpf{inset-inline-end:0}
._vchhusvi{box-sizing:border-box}
._l2uv6o2t>button:hover{background-color:var(--ds-surface-overlay-hovered,#f0f1f2)}
._7mfvm8nx>button:active{background-color:var(--ds-surface-overlay-pressed,#dddee1)}
._szlbi7uo>button:active{color:var(--ds-text,#292a2e)}