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

fix(examples): fix CSS consistency issues (#309)

Browse Source
This commit is contained in:
Sam Potts
2026-01-16 17:32:24 +00:00
committed by GitHub
parent 285222e660
commit 17ed67a1f7
8 changed files with 14 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/html/src/frosted-eject.css
+2 -4
View File
@@ -325,12 +325,10 @@ media-preview-time-display {
}
media-popover {
margin: 0;
border: none;
box-shadow: none;
background: transparent;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
margin: 0;
border: 0;
}
/* Tooltip Component Styles */
examples/html/src/minimal-eject.css
+2 -4
View File
@@ -305,12 +305,10 @@ media-preview-time-display {
}
media-popover {
padding: 0.5rem;
margin: 0;
border: none;
box-shadow: none;
border: 0;
background: transparent;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
}
/* Tooltip Component Styles */
examples/react/src/skins/ejected/frosted/frosted.css
+2 -2
View File
@@ -322,10 +322,10 @@
}
.vjs-frosted-skin .popover-popup {
margin: 0;
border: none;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
margin: 0;
border: 0;
}
/* Tooltip Component Styles */
examples/react/src/skins/ejected/minimal/minimal.css
+2 -4
View File
@@ -302,12 +302,10 @@
}
.vjs-minimal-skin .popover-popup {
padding: 0.5rem;
margin: 0;
border: none;
box-shadow: none;
border: 0;
background: transparent;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
}
/* Tooltip Component Styles */
packages/__tech-preview__/html/src/skins/frosted/styles.css
+2 -8
View File
@@ -324,20 +324,14 @@ media-preview-time-display {
}
media-popover {
margin: 0;
border: none;
box-shadow: none;
background: transparent;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
margin: 0;
border: 0;
}
/* Tooltip Component Styles */
media-tooltip {
margin: 0;
border: none;
box-shadow: none;
background: transparent;
color: oklab(1 0 0);
padding: 0.25rem 0.625rem;
border-radius: calc(infinity * 1px);
packages/__tech-preview__/html/src/skins/minimal/styles.css
+2 -8
View File
@@ -303,20 +303,14 @@ media-preview-time-display {
}
media-popover {
padding: 0.5rem;
margin: 0;
border: none;
box-shadow: none;
border: 0;
background: transparent;
padding: 0.75rem 0.25rem;
border-radius: calc(infinity * 1px);
}
/* Tooltip Component Styles */
media-tooltip {
margin: 0;
border: none;
box-shadow: none;
background: transparent;
color: oklab(1 0 0);
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
packages/__tech-preview__/react/src/skins/frosted/styles.ts
+1 -1
View File
@@ -130,7 +130,7 @@ const styles: FrostedSkinStyles = {
'vjs:data-starting-style:scale-0 vjs:data-starting-style:opacity-0 vjs:data-starting-style:blur-sm',
'vjs:data-ending-style:scale-0 vjs:data-ending-style:opacity-0 vjs:data-ending-style:blur-sm',
),
PopoverPopup: cn('vjs:relative vjs:px-1 vjs:py-3 vjs:rounded-full'),
PopoverPopup: cn('vjs:px-1 vjs:py-3 vjs:rounded-full vjs:m-0 vjs:border-0'),
TooltipPopup: cn('vjs:whitespace-nowrap vjs:rounded-full vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2.5 vjs:py-1'),
};
packages/__tech-preview__/react/src/skins/minimal/styles.ts
+1 -1
View File
@@ -125,7 +125,7 @@ const styles: MinimalSkinStyles = {
'vjs:data-starting-style:scale-0 vjs:data-starting-style:opacity-0 vjs:data-starting-style:blur-sm',
'vjs:data-ending-style:scale-0 vjs:data-ending-style:opacity-0 vjs:data-ending-style:blur-sm',
),
PopoverPopup: cn('vjs:py-2 vjs:bg-transparent'),
PopoverPopup: cn('vjs:p-2 vjs:bg-transparent vjs:m-0 vjs:border-0'),
TooltipPopup: cn(
'vjs:whitespace-nowrap vjs:flex vjs:flex-col vjs:rounded vjs:text-white vjs:text-xs vjs:@7xl/root:text-sm vjs:px-2 vjs:py-1 vjs:bg-white/20 vjs:backdrop-blur-3xl vjs:backdrop-saturate-150 vjs:backdrop-brightness-90 vjs:shadow-md vjs:shadow-black/5',
),