Auf dem Bildschirmfoto nach dem Umbau lagen der runde Play-Knopf und
seine Nachbarn uebereinander. `pruef-handy` meldete das nicht: Sie
fragt, ob die MITTE eines Knopfes frei ist -- zwei Knoepfe koennen
sich an den Raendern ueberlagern und beide „erreichbar" sein. Wer
danebentippt, trifft trotzdem den falschen.
GEMESSEN (neue Stelle in mess-reaktion, die jedes Knopfpaar der
Leiste auf Ueberschneidung prueft):
tempo-auf / v-spiel 21 x 44 px
v-spiel / v-tauschen 21 x 38 px
URSACHE: `grid-template-columns: auto 1fr auto`. Tempo links und
„Wechseln zu <Videotitel>" rechts nahmen so viel, dass die mittlere
Spalte schmaler wurde als der 58 Pixel breite Play-Knopf -- und ein
zentrierter Inhalt, der breiter ist als seine Spalte, ragt ueber
BEIDE Raender.
Jetzt `minmax(0, auto) max-content minmax(0, auto)`: Die Mitte ist
so breit wie ihre drei Knoepfe zusammen und schrumpft nie, die
Seiten geben nach. `min-content` war dabei die falsche Zwischenstufe
-- damit war die Spalte so breit wie ihr BREITESTER Knopf, und
„−10" und „+10" brachen darunter um.
GEPRUEFT: pruef-handy, -tippziele, -css-klassen, -reaktion und
mess-quer alle EXIT 0; mess-reaktion meldet „Kein Knopf der
Transportleiste liegt ueber einem anderen" und 133 Pixel sichtbares
Bild.
51 lines
1.3 KiB
JSON
51 lines
1.3 KiB
JSON
{
|
|
"name": "Creator Workspace — Spicy & Dogi",
|
|
"short_name": "Workspace",
|
|
"description": "Betreuung an einem Ort: Aufgaben, Termine, Calls, Bereiche, Dateien und Reports. Nur mit persönlichem Zugangscode.",
|
|
"start_url": "/workspace/start.html",
|
|
"id": "/workspace/start.html",
|
|
"scope": "/workspace/",
|
|
"display": "standalone",
|
|
"orientation": "any",
|
|
"lang": "de",
|
|
"dir": "ltr",
|
|
"background_color": "#0a121e",
|
|
"theme_color": "#06090f",
|
|
"share_target": {
|
|
"action": "/workspace/teilen.html",
|
|
"method": "GET",
|
|
"enctype": "application/x-www-form-urlencoded",
|
|
"params": {
|
|
"title": "title",
|
|
"text": "text",
|
|
"url": "url"
|
|
}
|
|
},
|
|
"icons": [
|
|
{
|
|
"src": "/assets/img/app-symbole/workspace-192.png?v=202609291311",
|
|
"sizes": "192x192",
|
|
"type": "image/png",
|
|
"purpose": "any"
|
|
},
|
|
{
|
|
"src": "/assets/img/app-symbole/workspace-512.png?v=202609291311",
|
|
"sizes": "512x512",
|
|
"type": "image/png",
|
|
"purpose": "any"
|
|
},
|
|
{
|
|
"src": "/assets/img/app-symbole/workspace-192-maskable.png?v=202609291311",
|
|
"sizes": "192x192",
|
|
"type": "image/png",
|
|
"purpose": "maskable"
|
|
},
|
|
{
|
|
"src": "/assets/img/app-symbole/workspace-512-maskable.png?v=202609291311",
|
|
"sizes": "512x512",
|
|
"type": "image/png",
|
|
"purpose": "maskable"
|
|
}
|
|
]
|
|
}
|