zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(skin): port tooltip styling from tech preview (#800)

Browse Source 
Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam Potts
2026-03-10 13:48:23 +11:00
committed by GitHub
co-authored by Claude Opus 4.6
parent c605df50f6
commit 6b6566e254
34 changed files with 1315 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/audio.css
+1 -1
View File
@@ -1,4 +1,5 @@
@import "../../shared/audio-icon-state.css";
@import "../../shared/tooltip-state.css";
@import "./components/reset.css";
@import "./components/root.css";
@import "./components/surface.css";
@@ -10,7 +11,6 @@
@import "./components/icons.css";
@import "./components/slider.css";
@import "./components/popup.css";
@import "./components/tooltip.css";
/* ==========================================================================
Root
packages/skins/src/default/css/components/popup.css
+16 -6
View File
@@ -1,8 +1,12 @@
/* ==========================================================================
Popups & Animations
Popups & Tooltips
========================================================================== */
.media-default-skin .media-popup-animation {
.media-default-skin .media-popup {
margin: 0;
border: 0;
color: inherit;
overflow: visible;
transition-property: transform, scale, opacity, filter;
transition-duration: 200ms;
@@ -31,12 +35,18 @@
}
}
.media-default-skin .media-popup {
margin: 0;
border: 0;
color: inherit;
.media-default-skin .media-popup--popover {
--media-popover-side-offset: 0.5rem;
}
.media-default-skin .media-popup--tooltip {
padding: 0.25rem 0.625rem;
border-radius: calc(infinity * 1px);
font-size: 0.75rem;
white-space: nowrap;
--media-tooltip-side-offset: 0.5rem;
}
.media-default-skin .media-popup--volume {
padding: 0.625rem 0.25rem;
border-radius: calc(infinity * 1px);
packages/skins/src/default/css/components/tooltip.css
-13
View File
@@ -1,13 +0,0 @@
/* ==========================================================================
Tooltips
========================================================================== */
.media-default-skin .media-tooltip {
white-space: nowrap;
}
.media-default-skin .media-tooltip-popup {
padding: 0.25rem 0.625rem;
border-radius: calc(infinity * 1px);
color: oklch(1 0 0);
font-size: 0.75rem;
}
packages/skins/src/default/css/video.css
+1 -1
View File
@@ -1,4 +1,5 @@
@import "../../shared/video-icon-state.css";
@import "../../shared/tooltip-state.css";
@import "./components/reset.css";
@import "./components/root.css";
@import "./components/surface.css";
@@ -12,7 +13,6 @@
@import "./components/icons.css";
@import "./components/slider.css";
@import "./components/popup.css";
@import "./components/tooltip.css";
@import "./components/captions.css";
/* ==========================================================================