IDS-komponent | CSS-status 1177 invånare | CSS-status Inera | Prio | Jira |
|---|
Agent https://design.inera.se/?path=/story/components-agent-1177--agent-1177 | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Komponenten finns men skiljer sig i utseende. I CSS:en används den gula attention-färgen som bakgrundsfärg medan IDS använder den blå-grå. Det finns finns även skillnader vad gäller storlek på text och ikoner. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en så finns det en variant av Agent/ombudsbanner med Inera-utseende. I IDS finns den inte och den ska förmodligen inte finnas då Inera.se inte har den typen av funktionalitet. | Hög | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-507 |
|---|
|
|
Alert Global https://design.inera.se/?path=/story/components-alert-global--alert-global | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Verkar finnas som en variant under “Status Message”. I CSS:en har den just nu fel ikon (utropstecken i cirkel). | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en ligger Alert Global under kategorin Status Message. I CSS:en verkar det vara fel storlek på texten och fel fontfärg. Ikonen är en annan än den i IDS och bakgrundsfärgen är fel. | Hög | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-507 |
|---|
|
|
Alert https://design.inera.se/?path=/story/components-alert--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS finns “Status Message” och “Info Box”. Både namn och design skiljer. Verkar saknas varianter för success- och error-meddelanden. OBS skall följa IDS enbart en variant | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS finns “Status Message” och “Info Box”. Både namn och design skiljer. Verkar saknas varianter för success- och error-meddelanden. | Hög | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-408 |
|---|
|
|
Badge https://design.inera.se/?path=/story/components-badge--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Överlag är de ganska lika men det finns några mindre skillnader, t ex färger på borders och padding.I CSS:en finns en variant som heter “Regional”, osäkert om denna borde finnas i IDS (tror inte det). | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en stämmer inte designen överens helt med den i IDS. I CSS:en har den varianten som heter “Main” (Primary i IDS) fel röd färg. Det finns även lite skillnader vad gäller storlekar och padding. | Låg | |
Breadcrumbs https://design.inera.se/?path=/story/components-breadcrumbs--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Snarlika, det ända som verkar skilja åt är avståndet mellan text och /. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en verkar desktop-varianten snarlik den som finns i IDS. Har dock svårt att hitta en variant för mobil. | Låg | |
Button group https://design.inera.se/?path=/story/components-button-group--default-story | I CSS:en finns inte komponenten Button group, vilket den kanske borde göra. | I CSS:en finns inte komponenten Button group, vilket den kanske borde göra. | Låg | |
Button https://design.inera.se/?path=/story/components-button--default-story | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en verkar bland annat tertiär knapp saknas. I övrigt verkar designen stämma ganska bra överens mellan de båda biblioteken. I IDS verkar komponentgruppen vara uppdelad på lite fler varianter än i CSS:en. Kan vara bra att se över ifall någon av dessa ska läggas till i CSS:en. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en verkar bland annat tertiär knapp saknas. I övrigt verkar designen stämma ganska bra överens mellan de båda biblioteken. I IDS verkar komponentgruppen vara uppdelad på lite fler varianter än i CSS:en. Kan vara bra att se över ifall någon av dessa ska läggas till i CSS:en. | Ej aktuell | |
Card https://design.inera.se/?path=/story/components-card--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en heter komponentgruppen “Cards” och består av olika kort med flera olika typer av innehåll. I denna grupp finns även artikelpuffar med under namnet “Article List” I IDS är det mer simplifierat och card-komponenten är mer av en container. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en heter komponentgruppen “Cards” och består av olika kort med flera olika typer av innehåll. I denna grupp finns även artikelpuffar med under namnet “Article List” I IDS är det mer simplifierat och card-komponenten är mer av en container. | Låg | |
Carousel https://design.inera.se/?path=/story/components-carousel--example | | | | |
Date label https://design.inera.se/?path=/story/components-date-label--example | Finns dock några fler varianter i IDS. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Det finns några skillnader med Date label i CSS:en. Färgen på dagen är svart, i IDS är den grön. Månaden och året har ett något tjockare typsnitt i CSS:en. Paddingen till höger och vänster i kortet skiljer sig också. | Låg | |
Dialog https://design.inera.se/?path=/story/components-dialog--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Finns under “Modal” i CSS:en. Använder inte rätt utseende på rubriker, använder inte heller 1177s egna scrollbar (vilket den gör i IDS). | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Finns under “Modal” i CSS:en. Använder inte rätt utseende på rubrikerubriken. | MediumEj aktuell | |
Expandable https://design.inera.se/?path=/story/components-expandable--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en heter denna “Expandables”. Använder bara den rubrik-styling som kallas för variation 2 i IDS och saknar variant med “vanlig” rubrik. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en heter denna “Expandables”. Använder bara den rubrik-styling som kallas för variation 2 i IDS och saknar variant med “vanlig” rubrik. Exemplen på card har fel färg på chevron. | Medium | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-151 |
|---|
|
|
Footer https://design.inera.se/?path=/story/components-footer--all-slots | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Ligger under “Page Footer” i CSS:en. Snarlik den i IDS men länkarna använder fel chevron, de ser också ut att använda en annan färg. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Ligger under “Page Footer” i CSS:en. Den har det gamla utseendet i CSS:en. | Medium | |
Form (Se över denna) https://design.inera.se/?path=/story/components-form-checkbox--example | | | | |
Header https://design.inera.se/?path=/story/components-header--default-story | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Snarlika med några mindre skillnader (Se över ordentligt) | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Snarlika med några mindre skillnader. Finns fler exempel i IDS. | Medium | |
Link https://design.inera.se/?path=/story/components-link--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Länkarna i CSS:en ska ha chevron istället för pilar.
Länk med ikon saknas (förutom extern länk ikon) | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
I CSS:en har länkarna med ikon även understreck. | Medium | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-243 |
|---|
|
|
List https://design.inera.se/?path=/story/components-list--language-support | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Använder konceptet med alternerande färger på list items (vit och grått, Pyjamas), vilket inte ska användas längre. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Använder konceptet med alternerande färger på list items (vit och grått), vilket inte ska användas längre. | Hög | | Jira Legacy |
|---|
| server | System JIRA |
|---|
| serverId | 80e88a07-e344-3c9d-84f4-85f07fa17232 |
|---|
| key | USI-509 |
|---|
|
|
Mobile/Menu https://design.inera.se/?path=/story/components-mobile-menu--item | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
De båda versionerna av mobilmenyn är snarlika till utseendet. Det som verkar skilja sig är hur de olika nivåerna av menyalternativ ser ut. I CSS:en så är “Submenu item 1” vit medans den är ljusrosa i IDS, “Submenu item 2” i CSS:en är ljusrosa men den är vit i IDS. Det verkar alltså som att riktlinjerna för hur underliggande menyalternativ har förväxlats. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Snarlik, men finns fler exempel i IDS. | Medium | |
Navigation (Hitta på sidan) https://design.inera.se/?path=/story/components-navigation-content--example | I CSS:en finns inte “Hitta på sidan”-komponenten. | I CSS:en finns inte “Hitta på sidan”-komponenten. | | |
Notification badge https://design.inera.se/?path=/story/components-notification-badge--example | Det finns dock fler varianter av komponenten i CSS:en som kanske inte ska användas. | Namnet skiljer sig dock, i CSS:en heter den bara “Notification”. | | |
Popover https://design.inera.se/?path=/story/components-popover--example | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Varianten i CSS:en skulle kunna matcha den i IDS lite bättre. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
| Låg | |
Progressbar https://design.inera.se/?path=/story/components-progressbar--example | | | | |
Stepper https://design.inera.se/?path=/story/components-stepper--example | | | | |
Table | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Tabellrubikerna är inte fetstil i CSS:en. | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
Linjerna i CSS:en är inte likadana som IDS. | Låg | |
Tabs | Notification badge saknas dock i CSS:en. | Notification badge saknas dock i CSS:en. | | |
Tag | | | | |
Tooltip | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
OBS de har inte rätt namn se Tooltip och Pop-over men var försiktig om det skapar problem för användare | | Status |
|---|
| colour | Yellow |
|---|
| title | Skiljer sig |
|---|
|
| Medium | |