diff options
| author | Adam <[email protected]> | 2025-11-12 07:03:35 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-11-12 07:03:39 -0600 |
| commit | 0ccb26df94ed83c5a6492068a7bbe73445e54f0c (patch) | |
| tree | a8889c4d9764776eaaa3deae4317c8e10b194064 /packages/ui/src/components | |
| parent | 71fd5966add098c92949da26a07346412ad9b804 (diff) | |
| download | opencode-0ccb26df94ed83c5a6492068a7bbe73445e54f0c.tar.gz opencode-0ccb26df94ed83c5a6492068a7bbe73445e54f0c.zip | |
feat(desktop): sticky diff headers
Diffstat (limited to 'packages/ui/src/components')
| -rw-r--r-- | packages/ui/src/components/accordion.css | 38 |
1 files changed, 23 insertions, 15 deletions
diff --git a/packages/ui/src/components/accordion.css b/packages/ui/src/components/accordion.css index 5524838bc..f949dc948 100644 --- a/packages/ui/src/components/accordion.css +++ b/packages/ui/src/components/accordion.css @@ -12,9 +12,6 @@ align-items: flex-start; gap: 0px; align-self: stretch; - border: 1px solid var(--border-weak-base); - border-bottom: none; - border-top: none; overflow: clip; [data-slot="accordion-header"] { @@ -36,7 +33,7 @@ user-select: none; background-color: var(--surface-base); - border-bottom: 1px solid var(--border-weak-base); + border: 1px solid var(--border-weak-base); overflow: clip; color: var(--text-strong); transition: background-color 0.15s ease; @@ -62,11 +59,19 @@ } &[data-expanded] { - border: 1px solid var(--border-weak-base); - border-bottom: 1px solid var(--border-weak-base); margin-top: 8px; margin-bottom: 8px; - border-radius: 8px; + + [data-slot="accordion-trigger"] { + border-radius: 8px 8px 0 0; + } + + [data-slot="accordion-content"] { + border: 1px solid var(--border-weak-base); + border-top: none; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; + } [data-slot="accordion-item"]:has(+ &) { &[data-closed] { @@ -81,18 +86,23 @@ } & + [data-slot="accordion-item"] { - border-top: 1px solid var(--border-weak-base); - border-top-left-radius: 8px; - border-top-right-radius: 8px; margin-top: 8px; + + [data-slot="accordion-trigger"] { + border-top-left-radius: 8px; + border-top-right-radius: 8px; + } + } + } + + &[data-closed] + &[data-closed] { + [data-slot="accordion-trigger"] { + border-top: none; } } &:first-child { margin-top: 0px; - border-top: 1px solid var(--border-weak-base); - border-top-left-radius: 8px; - border-top-right-radius: 8px; &[data-closed] { [data-slot="accordion-trigger"] { @@ -104,8 +114,6 @@ &:last-child { margin-bottom: 0px; - border-bottom-left-radius: 8px; - border-bottom-right-radius: 8px; &[data-closed] { [data-slot="accordion-trigger"] { |