summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/line-comment.css
diff options
context:
space:
mode:
authoropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-01-30 17:58:31 +0000
committeropencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com>2026-01-30 17:58:31 +0000
commitfe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch)
treee330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/line-comment.css
parent20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff)
downloadopencode-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.css140
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;
}