Status för komponenter (Städad)
saknas helt eller delvis
Uppdatering krävs
Klar
Komponent | Namn | Figma | Beskrivning Confluence | CSS 1177 | CSS Inera | Angular | REACT | Version | Planerad revidering |
---|---|---|---|---|---|---|---|---|---|
Sajthuvud och huvudnavigation -1177: invånare -1177 profession -Inera | Page Header |
| x |
| https://develop--flamboyant-meninsky-54afd1.netlify.app/?path=/story/components-page-header--default Länkar under sajthuvud i mobil ska ej finnas |
|
|
|
|
Megameny | Mega Menu |
| x | Hittar inte exempel i Storybook | Hittar inte exempel i Storybook
|
|
|
|
|
Mobilmeny | Mobile Menu |
| x | Flytta hamburgarikonen | Mobilmeny har fel färg på aktiv sektion
|
|
|
|
|
Sajtfot | Page Footer |
| x | Bugg i Storybook uppdatera enl design Storybook - ändra till rätt ikon för extern länk
| Uppdatera enl design: Ändra pilar, fokusmarkering samt ikon för extern länk. Åtgärda tillgänglighetsproblem.
|
|
|
|
|
Brödsmula | Breadcrumb |
| x | Aktuell sida i brödsmulan ska inte vara länkad. Ska även stå “Du är här:” framför brödsmulan
Uppdaterad design på tillbakalänk till samlingssida - mobil (istf brödsmula i mobil)
| Aktuell sida i brödsmulan ska inte vara länkad. Ska även stå “Du är här:” framför brödsmulan
Uppdaterad design på tillbakalänk till samlingssida - mobil (istf brödsmula i mobil)
|
|
|
|
|
Lokalnavigering | Local Navigation |
| x | Storybook - hittar inte Confluence - ok
| Storybook - hittar inte Confluence - ok
|
|
|
|
|
På sidan-navigering |
|
| x | Storybook - hittar inte Confluence - ok
| Storybook - hittar inte Confluence - ok
|
|
|
|
|
Navigationsbricka | Inspiration |
| x | Saknas variant med blå topp
| ok Confluence - bugg, får dubbla linjer vid hover |
|
|
|
|
Växla vy (listvy/brickvy) | Toggle |
| x | Saknas
| Ej aktuell? |
|
|
|
|
Flik | Tab |
| x | Designen på flikar är uppdaterad med tajtare mellanrum och nya ikoner (i samband med att design på flikar för Inera togs fram). Uppdatera enl design zpl://screen?sid=5e1d8ce652f316bd0d963125&pid=5e1716405a91ab82385ada74 Storybook - saknas?
| Storybook - saknas Uppdatera enl design |
|
|
|
|
Tillbaka till toppen | Back-To-Top |
| x | Css samt kodexempel Confluence saknas | Ej aktuell fn. |
|
|
|
|
Fokusmarkering | Focus |
| x | Saknas
| Saknas |
|
|
|
|
Textfält | Textfield |
| x | Uppdatera disabled state | Uppdatera enl design Uppdatera disabled state
|
|
|
|
|
Textarea | Textarea |
| x | Uppdatera disabled state (samma som för textfält) | Uppdatera enl design Uppdatera disabled state (samma som för textfält) |
|
|
|
|
Knapp | Button |
| x Ska uppdateras med exempel gällande placering
Uppdatera info om användning av Button link | x Vad är Button link - behövs den? | Uppdatera enl design Vad är Button link - behövs den? |
|
|
|
|
Övriga knappar: zooma in, zooma ut, förstora |
|
| x | Saknas (ny)
| Ej aktuell fn |
|
|
|
|
Radioknapp | Radio Button |
| x | Uppdatera med disabled state | Uppdatera enl ny design samt disabled state
|
|
|
|
|
Kryssruta | Checkbox |
| x | Uppdatera med disabled state | Uppdatera enl ny design samt disabled state
|
|
|
|
|
Dropmeny | Dropdown |
| x | x | Kodexempel i Confluence diffar något mot Storybook (grön linje i nederkant samt chevronpil i cirkel) - Ska bytas ut mot exempel från Storybook |
|
|
|
|
Sökfält | Search Field |
| x | Storybook - saknas
Confluence - ok | Storybook - saknas
Confluence - linje/ram runt sökfält försvinner vid fokus (Ska bytas ut mot exempel från Storybook) |
|
|
|
|
Laddare | Loader (spinner) |
| x | x | x |
|
|
|
|
Förloppsindikator | Progress Bar |
| x | Storybook - saknas? Confluence ok
| Storybook - saknas? Confluence: Ändra färg enl design |
|
|
|
|
Filtrering | Filtering |
| x | Storybook - saknas Confluence - färg på text “Filtrera sökträffar” ska vara mörkare. Annars ok.
| Kodexempel Confluence samt storybook saknas |
|
|
|
|
Listpaginering | List Pagination |
| x | Storybook - saknas Confluence - uppdatera färg fill (vit) samt hover
| Storybook - saknas Uppdatera enl ny style på knappar |
|
|
|
|
Artikelpaginering | Article Pagination |
| x | Storybook - saknas? Kodexempel Confluence -saknas
| Uppdaterade färger |
|
|
|
|
Sökträfflista | Search Result List |
| x | Confluence - ok (men ska länkas om till storybook) Storybook ok, men borde framgå tydligare att “striped” är det primära valet, ej “linked”. | Finns några träfflistor under Lists i Storybook men de ser inte ut som enligt design. Confluence ok (men ska länkas om till Storybook) |
|
|
|
|
Alternativ sökträfflista (vid mindre än 3 träffar) | Alternative Search Result List |
| x | Confluence - finns beskrivning i text. Storybook - grafiskt ok, men borde framgå att den gäller för färre än tre träffar | Ej aktuell |
|
|
|
|
Nyhetslista | News List |
| x | x | Finns några träfflistor under Lists i Storybook men de ser inte ut som enligt design. Confluence ok (men ska länkas om till Storybook) |
|
|
|
|
Länklista (manuell) | Link List (manual) |
| x | Confluence - ok Storybook - länkarna ligger horisontellt istället för vertikalt
| Confluence - fel färg rubrik Storybook - länkarna ligger horisontellt istället för vertikalt
|
|
|
|
|
Länklista (mottagning) | Link List (reception) |
| x | saknas | saknas |
|
|
|
|
Länklista (automatisk) | Link List (automatic) |
| x | Storybook - saknas Confluence - ok
| Storybook - saknas |
|
|
|
|
A-Ö-lista | A-Ö List |
| x | Storybook - saknas Confluence - ändra färg på bokstäverna i de runda knapparna enl skiss
| Storybook - saknas Confluence - bokstäverna i knapparna är ej centrerade, annars ok
|
|
|
|
|
Expanderbar | Expandable |
| x | Storybook - styling på rubrikerna stämmer inte Confluence - ok
| Uppdaterad design finns. Uppdatera färg rubrik, vit bakgrund, grå ramlinje samt chevrons. Storybook - Ändra enl design: färg/styling
|
|
|
|
|
Globalt meddelande | Global Status Message |
| x | (Ser olika ut i Storybook och Confluence. Saknas ikon och visa/dölj funktion i Confluence. )
| Kodexempel Confluence buggar Storybook: Ikonen ser något stor ut. Texten Visa meddelande/dölj meddelande ser för ljus ut. |
|
|
|
|
Lokalt meddelande | Local Status Message |
| x | x Byt ut ikon mot uppdaterad | x |
|
|
|
|
Meddelande med olika status | Default Status Message |
| x | x Byt ut ikoner mot uppdaterade | x |
|
|
|
|
Ombudsbanner | Agent |
| x | x | Ej aktuell för Inera (Finns exempel i Storybook, dock bör design ses över om den ska finnas.) |
|
|
|
|
Infobox/fokusruta | Info Box |
| x | Inväntar ny design för infobox 1177.se Övrigt: Byt ut ikoner mot uppdaterade Storybook - fel färg på ramlinje gul infobox (ska vara gul)
| Storybook - fel design. Använder 1177s design |
|
|
|
|
Modal | Modal |
| x | Ta bort dialog-varianterna av modal (Dialog, Info, Confirm i Storybook). Ska finnas endast en modal. | Ta bort dialog-varianterna av modal (Dialog, Info, Confirm i Storybook). Ska finnas endast en modal. |
|
|
|
|
Relaterade artikelpuffar /pufflista med rubrik | Article list |
| x | x Exemplet i Confluence är lite mer arbetat än i storybook med exempel på olika puffar i bredd. Nämnt i ärendet för Inera. | Tillgänglighet och designfix Exemplet i Confluence är lite mer arbetat än i storybook med exempel på olika puffar i bredd
|
|
|
|
|
Bildformat | Image Format |
| x | Storybook - Visar bara exempel på små bilder. Exempel med högerjusterad text behöver förklaras
| Storybook - Visar bara exempel på små bilder. Exempel med högerjusterad text behöver förklaras
|
|
|
|
|
Bildtext (invånare, profession) | Image Text |
| x | x | Fel färg på strecket |
|
|
|
|
Bildspel | Slideshow |
| x | Storybook - saknas | storybook - saknas |
|
|
|
|
Video | Video |
| x | Finns exempel i Confluence | Saknas exempel i Confluence |
|
|
|
|
Grafiskt datum | Graphical Date |
| x | x | Ändra färg på datum |
|
|
|
|
Tabell | Table | Ev lägga till sorteringspilar | x | Ändra färg på linje
| Ändra enl design |
|
|
|
|
Tipsa/Artikelfot | Article Footer |
| x | x | Ska uppdateras |
|
|
|
|
Lyssna/Talande webb | Text-To-Speech |
| x |
|
|
|
|
|
|
Label | Label/Badge | Ev lägga till fler varianter/färger | x | x | Uppdatera css enl design Kodexempel confluence saknas.
|
|
|
|
|
Notis | Notification |
| x | x | Ändra enl design Kodexempel Confluence saknas
|
|
|
|
|
Popup Tip (Tidigare kallad Tooltip i Sketch och Confluence.
| Popup Tip |
| x | x Byt namn till Popup Tip
| Kodexempel confluence saknas Storybook - ändra färg scroll och kryss Byt namn till Popup Tip
|
|
|
|
|
Tooltip (ny) | Tooltip |
| x | Saknas Finns design i Zeplin (Är Popover samma som egentlig Tooltip?)
| Saknas Finns design i Zeplin (Är Popover samma som egentlig Tooltip?)
|
|
|
|
|
Sidexempel: Artikelsida |
|
| x | Bugg: | Bugg: |
|
|
|
|
Sidexempel: Sektionssida |
|
| x | Saknas i Storybook Tillgänglighet: | Saknas i storybook Bugg samt tillgänglighet: Tillgänglighet: |
|
|
|
|
Sidexempel: Samlingssida |
|
| x | Sajtfot trasig
| Sajtfot trasig. Fel toning på navigationsbrickor
Bugg samt Tillgänglighet: |
|
|
|
|
Sidexempel: 404 |
|
| x | Saknas
| Saknas |
|
|
|
|