summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/tooltip.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/tooltip.css
parent20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff)
downloadopencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz
opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip
chore: generate
Diffstat (limited to 'packages/ui/src/components/tooltip.css')
-rw-r--r--packages/ui/src/components/tooltip.css116
1 files changed, 58 insertions, 58 deletions
diff --git a/packages/ui/src/components/tooltip.css b/packages/ui/src/components/tooltip.css
index 4abeb81aa..f02c2ca63 100644
--- a/packages/ui/src/components/tooltip.css
+++ b/packages/ui/src/components/tooltip.css
@@ -1,74 +1,74 @@
[data-component="tooltip-trigger"] {
- display: flex;
+ display: flex;
}
[data-slot="tooltip-keybind"] {
- display: flex;
- align-items: center;
- gap: 12px;
+ display: flex;
+ align-items: center;
+ gap: 12px;
}
[data-slot="tooltip-keybind-key"] {
- color: var(--text-invert-base);
- font-size: var(--font-size-small);
- font-weight: var(--font-weight-medium);
- line-height: var(--line-height-large);
+ color: var(--text-invert-base);
+ font-size: var(--font-size-small);
+ font-weight: var(--font-weight-medium);
+ line-height: var(--line-height-large);
}
[data-component="tooltip"] {
- z-index: 1000;
- max-width: 320px;
- border-radius: var(--radius-sm);
- background-color: var(--surface-float-base);
- color: var(--text-invert-strong);
- background: var(--surface-float-base);
- padding: 2px 8px;
- border: 1px solid var(--border-weak-base, rgba(0, 0, 0, 0.07));
+ z-index: 1000;
+ max-width: 320px;
+ border-radius: var(--radius-sm);
+ background-color: var(--surface-float-base);
+ color: var(--text-invert-strong);
+ background: var(--surface-float-base);
+ padding: 2px 8px;
+ border: 1px solid var(--border-weak-base, rgba(0, 0, 0, 0.07));
- box-shadow: var(--shadow-md);
- pointer-events: none !important;
- /* transition: all 150ms ease-out; */
- /* transform: translate3d(0, 0, 0); */
- /* transform-origin: var(--kb-tooltip-content-transform-origin); */
+ box-shadow: var(--shadow-md);
+ pointer-events: none !important;
+ /* transition: all 150ms ease-out; */
+ /* transform: translate3d(0, 0, 0); */
+ /* transform-origin: var(--kb-tooltip-content-transform-origin); */
- /* text-12-medium */
- font-family: var(--font-family-sans);
- font-size: var(--font-size-small);
- font-style: normal;
- font-weight: var(--font-weight-medium);
- line-height: var(--line-height-large); /* 166.667% */
- letter-spacing: var(--letter-spacing-normal);
+ /* text-12-medium */
+ font-family: var(--font-family-sans);
+ font-size: var(--font-size-small);
+ font-style: normal;
+ font-weight: var(--font-weight-medium);
+ line-height: var(--line-height-large); /* 166.667% */
+ letter-spacing: var(--letter-spacing-normal);
- &[data-expanded] {
- opacity: 1;
- /* transform: translate3d(0, 0, 0); */
- }
+ &[data-expanded] {
+ opacity: 1;
+ /* transform: translate3d(0, 0, 0); */
+ }
- &[data-closed]:not([data-force-open="true"]) {
- opacity: 0;
- }
+ &[data-closed]:not([data-force-open="true"]) {
+ opacity: 0;
+ }
- /* &[data-placement="top"] { */
- /* &[data-closed] { */
- /* transform: translate3d(0, 4px, 0); */
- /* } */
- /* } */
- /**/
- /* &[data-placement="bottom"] { */
- /* &[data-closed] { */
- /* transform: translate3d(0, -4px, 0); */
- /* } */
- /* } */
- /**/
- /* &[data-placement="left"] { */
- /* &[data-closed] { */
- /* transform: translate3d(4px, 0, 0); */
- /* } */
- /* } */
- /**/
- /* &[data-placement="right"] { */
- /* &[data-closed] { */
- /* transform: translate3d(-4px, 0, 0); */
- /* } */
- /* } */
+ /* &[data-placement="top"] { */
+ /* &[data-closed] { */
+ /* transform: translate3d(0, 4px, 0); */
+ /* } */
+ /* } */
+ /**/
+ /* &[data-placement="bottom"] { */
+ /* &[data-closed] { */
+ /* transform: translate3d(0, -4px, 0); */
+ /* } */
+ /* } */
+ /**/
+ /* &[data-placement="left"] { */
+ /* &[data-closed] { */
+ /* transform: translate3d(4px, 0, 0); */
+ /* } */
+ /* } */
+ /**/
+ /* &[data-placement="right"] { */
+ /* &[data-closed] { */
+ /* transform: translate3d(-4px, 0, 0); */
+ /* } */
+ /* } */
}