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

FIX - match App Store install action size

Browse Source 
Align the installing progress action with the GET button dimensions in App Store lists and the detail view. Add contract coverage for both layouts.
This commit is contained in:
smx.pusha
2026-08-16 19:48:56 +02:00
parent 42e8180ebe
commit cc7667f037
4 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/AppStoreApp.contract.test.ts
+3
View File
@@ -270,6 +270,9 @@ describe('AppStoreApp Sky navigation contract', () => {
expect(source).toMatch(
/\.store-ranking li > button\.store-action-button--get:not\(\.store-ranking__detail-link\),[\s\S]*?\.store-list article > button\.store-action-button--get:not\(\.store-list__detail-link\)\s*\{[^}]*width:\s*56px;[^}]*min-width:\s*56px;[^}]*min-height:\s*32px;[^}]*height:\s*32px;[^}]*font-size:\s*11px;[^}]*font-weight:\s*850;/s,
)
expect(source).toMatch(
/\.store-ranking li > button\.store-action-button--icon:not\(\.store-ranking__detail-link\),[\s\S]*?\.store-list article > button\.store-action-button--icon:not\(\.store-list__detail-link\)\s*\{[^}]*width:\s*56px;[^}]*min-width:\s*56px;[^}]*min-height:\s*32px;[^}]*height:\s*32px;/s,
)
expect(source).not.toContain(':has(')
expect(source).not.toContain('color-mix(')
})
frontend/src/views/apps/AppStoreApp.vue
+18 -2
View File
@@ -2759,8 +2759,10 @@ watch(
.store-browse-feature footer > .store-action-button--icon,
.store-search__recommendations article > .store-action-button--icon,
.store-list article > .store-action-button--icon {
width: var(--sky-touch-target);
min-width: var(--sky-touch-target);
width: 54px;
min-width: 54px;
min-height: 30px;
height: 30px;
padding: 0;
border-color: transparent;
color: var(--sky-app-accent);
@@ -2799,6 +2801,20 @@ watch(
letter-spacing: 0.04em;
}
.store-ranking li > button.store-action-button--icon:not(.store-ranking__detail-link),
.store-browse-feature
footer
> button.store-action-button--icon:not(.store-browse-feature__details),
.store-search__recommendations
article
> button.store-action-button--icon:not(.store-search__detail-link),
.store-list article > button.store-action-button--icon:not(.store-list__detail-link) {
width: 56px;
min-width: 56px;
min-height: 32px;
height: 32px;
}
.store-installing {
color: var(--sky-app-accent);
}
frontend/src/views/apps/AppStoreDetail.contract.test.ts
+3
View File
@@ -25,6 +25,9 @@ describe('AppStoreDetail contract', () => {
expect(source).toMatch(
/\.store-detail__hero \.store-detail__action--get\s*\{[^}]*min-width:\s*54px;[^}]*min-height:\s*30px;[^}]*height:\s*30px;/s,
)
expect(source).toMatch(
/\.store-detail__hero \.store-detail__action--icon\s*\{[^}]*width:\s*54px;[^}]*min-width:\s*54px;[^}]*min-height:\s*30px;[^}]*height:\s*30px;/s,
)
expect(source).not.toContain(':has(')
expect(source).toMatch(
/\.store-detail\s*\{[^}]*padding:\s*var\(--sky-space-3\) 0 var\(--sky-space-6\)/s,
frontend/src/views/apps/AppStoreDetail.vue
+4 -2
View File
@@ -385,8 +385,10 @@ function updateActivePreview(): void {
}
.store-detail__hero .store-detail__action--icon {
width: var(--sky-touch-target);
min-width: var(--sky-touch-target);
width: 54px;
min-width: 54px;
min-height: 30px;
height: 30px;
padding: 0;
color: var(--sky-app-accent);
background: transparent;