diff options
| author | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
|---|---|---|
| committer | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
| commit | fe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch) | |
| tree | e330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/line-comment.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src/components/line-comment.css')
| -rw-r--r-- | packages/ui/src/components/line-comment.css | 140 |
1 files changed, 69 insertions, 71 deletions
diff --git a/packages/ui/src/components/line-comment.css b/packages/ui/src/components/line-comment.css index 092461453..9dc8eb74f 100644 --- a/packages/ui/src/components/line-comment.css +++ b/packages/ui/src/components/line-comment.css @@ -1,117 +1,115 @@ [data-component="line-comment"] { - position: absolute; - right: 24px; - z-index: var(--line-comment-z, 30); + position: absolute; + right: 24px; + z-index: var(--line-comment-z, 30); } [data-component="line-comment"][data-open] { - z-index: var(--line-comment-open-z, 100); + z-index: var(--line-comment-open-z, 100); } [data-component="line-comment"] [data-slot="line-comment-button"] { - width: 20px; - height: 20px; - border-radius: var(--radius-md); - display: flex; - align-items: center; - justify-content: center; - background: var(--icon-interactive-base); - box-shadow: var(--shadow-xs); - cursor: default; - border: none; + width: 20px; + height: 20px; + border-radius: var(--radius-md); + display: flex; + align-items: center; + justify-content: center; + background: var(--icon-interactive-base); + box-shadow: var(--shadow-xs); + cursor: default; + border: none; } [data-component="line-comment"] [data-component="icon"] { - color: var(--white); + color: var(--white); } [data-component="line-comment"] [data-slot="line-comment-button"]:focus { - outline: none; + outline: none; } -[data-component="line-comment"] - [data-slot="line-comment-button"]:focus-visible { - box-shadow: var(--shadow-xs-border-focus); +[data-component="line-comment"] [data-slot="line-comment-button"]:focus-visible { + box-shadow: var(--shadow-xs-border-focus); } [data-component="line-comment"] [data-slot="line-comment-popover"] { - position: absolute; - top: calc(100% + 4px); - right: -8px; - z-index: var(--line-comment-popover-z, 40); - min-width: 200px; - max-width: min(320px, calc(100vw - 48px)); - border-radius: 8px; - background: var(--surface-raised-stronger-non-alpha); - box-shadow: var(--shadow-lg-border-base); - padding: 12px; + position: absolute; + top: calc(100% + 4px); + right: -8px; + z-index: var(--line-comment-popover-z, 40); + min-width: 200px; + max-width: min(320px, calc(100vw - 48px)); + border-radius: 8px; + background: var(--surface-raised-stronger-non-alpha); + box-shadow: var(--shadow-lg-border-base); + padding: 12px; } -[data-component="line-comment"][data-variant="editor"] - [data-slot="line-comment-popover"] { - width: 380px; - max-width: min(380px, calc(100vw - 48px)); - padding: 8px; - border-radius: 14px; +[data-component="line-comment"][data-variant="editor"] [data-slot="line-comment-popover"] { + width: 380px; + max-width: min(380px, calc(100vw - 48px)); + padding: 8px; + border-radius: 14px; } [data-component="line-comment"] [data-slot="line-comment-content"] { - display: flex; - flex-direction: column; - gap: 6px; + display: flex; + flex-direction: column; + gap: 6px; } [data-component="line-comment"] [data-slot="line-comment-text"] { - font-family: var(--font-family-sans); - font-size: var(--font-size-base); - font-weight: var(--font-weight-regular); - line-height: var(--line-height-x-large); - letter-spacing: var(--letter-spacing-normal); - color: var(--text-strong); - white-space: pre-wrap; + font-family: var(--font-family-sans); + font-size: var(--font-size-base); + font-weight: var(--font-weight-regular); + line-height: var(--line-height-x-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-strong); + white-space: pre-wrap; } [data-component="line-comment"] [data-slot="line-comment-label"], [data-component="line-comment"] [data-slot="line-comment-editor-label"] { - font-family: var(--font-family-sans); - font-size: var(--font-size-small); - font-weight: var(--font-weight-medium); - line-height: var(--line-height-large); - letter-spacing: var(--letter-spacing-normal); - color: var(--text-weak); - white-space: nowrap; + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + font-weight: var(--font-weight-medium); + line-height: var(--line-height-large); + letter-spacing: var(--letter-spacing-normal); + color: var(--text-weak); + white-space: nowrap; } [data-component="line-comment"] [data-slot="line-comment-editor"] { - display: flex; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } [data-component="line-comment"] [data-slot="line-comment-textarea"] { - width: 100%; - resize: vertical; - padding: 8px; - border-radius: var(--radius-md); - background: var(--surface-base); - border: 1px solid var(--border-base); - color: var(--text-strong); - font-family: var(--font-family-sans); - font-size: var(--font-size-small); - line-height: var(--line-height-large); + width: 100%; + resize: vertical; + padding: 8px; + border-radius: var(--radius-md); + background: var(--surface-base); + border: 1px solid var(--border-base); + color: var(--text-strong); + font-family: var(--font-family-sans); + font-size: var(--font-size-small); + line-height: var(--line-height-large); } [data-component="line-comment"] [data-slot="line-comment-textarea"]:focus { - outline: none; - box-shadow: var(--shadow-xs-border-select); + outline: none; + box-shadow: var(--shadow-xs-border-select); } [data-component="line-comment"] [data-slot="line-comment-actions"] { - display: flex; - align-items: center; - gap: 8px; + display: flex; + align-items: center; + gap: 8px; } [data-component="line-comment"] [data-slot="line-comment-editor-label"] { - margin-right: auto; + margin-right: auto; } |
