From fc52e4b2d3a41efde772e6de8fb2e01f27821701 Mon Sep 17 00:00:00 2001 From: Adam <2363879+adamdotdevin@users.noreply.github.com> Date: Thu, 26 Feb 2026 18:23:04 -0600 Subject: feat(app): better diff/code comments (#14621) Co-authored-by: adamelmore <2363879+adamdottv@users.noreply.github.com> Co-authored-by: David Hill --- packages/ui/src/components/line-comment.css | 115 ---------------------------- 1 file changed, 115 deletions(-) delete mode 100644 packages/ui/src/components/line-comment.css (limited to 'packages/ui/src/components/line-comment.css') diff --git a/packages/ui/src/components/line-comment.css b/packages/ui/src/components/line-comment.css deleted file mode 100644 index 9dc8eb74f..000000000 --- a/packages/ui/src/components/line-comment.css +++ /dev/null @@ -1,115 +0,0 @@ -[data-component="line-comment"] { - 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); -} - -[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; -} - -[data-component="line-comment"] [data-component="icon"] { - color: var(--white); -} - -[data-component="line-comment"] [data-slot="line-comment-button"]:focus { - 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-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; -} - -[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; -} - -[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; -} - -[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; -} - -[data-component="line-comment"] [data-slot="line-comment-editor"] { - 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); -} - -[data-component="line-comment"] [data-slot="line-comment-textarea"]:focus { - 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; -} - -[data-component="line-comment"] [data-slot="line-comment-editor-label"] { - margin-right: auto; -} -- cgit v1.2.3