summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/diff.css
diff options
context:
space:
mode:
authorAaron Iker <[email protected]>2026-01-30 18:57:49 +0100
committerGitHub <[email protected]>2026-01-30 17:57:49 +0000
commit20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (patch)
tree50b8aa69da65642789c3fa92f65034a9dd1361df /packages/ui/src/components/diff.css
parent1bbe84ed8d0eceb96af06b971690ebd0b0213580 (diff)
downloadopencode-20619a6a26ec0cfc2707b7ed13387715e9f9cdaa.tar.gz
opencode-20619a6a26ec0cfc2707b7ed13387715e9f9cdaa.zip
feat: Transitions, spacing, scroll fade, prompt area update (#11168)
Co-authored-by: Github Action <[email protected]> Co-authored-by: Copilot <[email protected]> Co-authored-by: aaroniker <[email protected]>
Diffstat (limited to 'packages/ui/src/components/diff.css')
-rw-r--r--packages/ui/src/components/diff.css60
1 files changed, 30 insertions, 30 deletions
diff --git a/packages/ui/src/components/diff.css b/packages/ui/src/components/diff.css
index 1d94e417a..92c445012 100644
--- a/packages/ui/src/components/diff.css
+++ b/packages/ui/src/components/diff.css
@@ -1,35 +1,35 @@
[data-component="diff"] {
- content-visibility: auto;
+ content-visibility: auto;
- [data-slot="diff-hunk-separator-line-number"] {
- position: sticky;
- left: 0;
- background-color: var(--surface-diff-hidden-strong);
- z-index: 2;
- display: flex;
- align-items: center;
- justify-content: center;
+ [data-slot="diff-hunk-separator-line-number"] {
+ position: sticky;
+ left: 0;
+ background-color: var(--surface-diff-hidden-strong);
+ z-index: 2;
+ display: flex;
+ align-items: center;
+ justify-content: center;
- [data-slot="diff-hunk-separator-line-number-icon"] {
- aspect-ratio: 1;
- width: 24px;
- height: 24px;
- color: var(--icon-strong-base);
- }
- }
- [data-slot="diff-hunk-separator-content"] {
- position: sticky;
- background-color: var(--surface-diff-hidden-base);
- color: var(--text-base);
- width: var(--diffs-column-content-width);
- left: var(--diffs-column-number-width);
- padding-left: 8px;
- user-select: none;
- cursor: default;
- text-align: left;
+ [data-slot="diff-hunk-separator-line-number-icon"] {
+ aspect-ratio: 1;
+ width: 24px;
+ height: 24px;
+ color: var(--icon-strong-base);
+ }
+ }
+ [data-slot="diff-hunk-separator-content"] {
+ position: sticky;
+ background-color: var(--surface-diff-hidden-base);
+ color: var(--text-base);
+ width: var(--diffs-column-content-width);
+ left: var(--diffs-column-number-width);
+ padding-left: 8px;
+ user-select: none;
+ cursor: default;
+ text-align: left;
- [data-slot="diff-hunk-separator-content-span"] {
- mix-blend-mode: var(--text-mix-blend-mode);
- }
- }
+ [data-slot="diff-hunk-separator-content-span"] {
+ mix-blend-mode: var(--text-mix-blend-mode);
+ }
+ }
}