starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 09:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

ENH - align Sky UI with Konsta kitchen sink

Browse Source
This commit is contained in:
DerEchteAlec
2026-08-14 03:46:38 +02:00
parent aecadeec04
commit b59d46b252
87 changed files with 7497 additions and 752 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/SkyNavbar.test.ts
+6 -10
View File
@@ -188,19 +188,13 @@ describe('SkyNavbar', () => {
})
it('separates and fades the Konsta navbar blur before the scroll content', () => {
const blurEnhancement = foundationStyles.slice(
foundationStyles.indexOf(
'@supports (\n (-webkit-backdrop-filter: blur(2px))',
),
)
expect(foundationStyles).toMatch(
/\.sky-navbar__background\s*\{[\s\S]*?linear-gradient\([\s\S]*?--sky-navbar-glass[\s\S]*?transparent 100%/,
)
expect(blurEnhancement).toMatch(
expect(foundationStyles).toMatch(
/@supports[\s\S]*?-webkit-mask-image: linear-gradient\(#000, transparent\)[\s\S]*?\.sky-navbar__blur\s*\{[\s\S]*?backdrop-filter: blur\(2px\)[\s\S]*?-webkit-mask-image: linear-gradient\([\s\S]*?#000 50%[\s\S]*?transparent 100%/,
)
expect(blurEnhancement).not.toMatch(
expect(foundationStyles).not.toMatch(
/\.sky-navbar__background\s*\{[^}]*backdrop-filter/,
)
})
@@ -265,7 +259,7 @@ describe('SkyNavbar', () => {
)
})
it('provides the Konsta navigation context to segmented subnavbar content', async () => {
it('provides the Konsta navbar Glass context to segmented content', async () => {
const html = await renderToString(
createSSRApp({
render: () =>
@@ -292,8 +286,10 @@ describe('SkyNavbar', () => {
expect(html).toContain('sky-navbar__subnavbar')
expect(html).toContain('sky-glass')
expect(html).toContain('sky-glass--highlight')
expect(html).toContain('sky-segmented--navigation')
expect(html).toContain('sky-segmented--navbar')
expect(html).not.toContain('sky-segmented--navigation')
expect(html).toContain('sky-segmented__highlight')
expect(foundationStyles).toContain('height: 56px')
})
it('lets subnavbar content explicitly opt out of navigation Glass', async () => {