Groupcard #2211
Groupcard #2211
Conversation
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
tuva-odegard
force-pushed
the
groupcard2
branch
3 times, most recently
from
fd2438a to
a5d175f
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
1 similar comment
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
|
Ikke noe fan av å fjerne noPadding, hvertfall om 'md' er eneste valg - for det er alt for mye padding for vårt bruk. Sånn vil det se ut hos oss om denne endringen blir tvunget igjennom: |
|
@HeleneKassandra Flott med en mening! Vi har vært utrolig mye frem og tilbake, var design som endte med at vi kun skulle ha en variant. Syntes det så utrolig stort ut, er du sikker på at det er 24px? 😅 Er det fordi dere bruker en komponent inni som har sin egen padding/margin i tillegg? Er så vanskelig, fordi vi ønsker å sette en padding som en standard sånn at de fleste ser like ut, og at vi har gjennomtenkt hva som ser bra ut. Vi ønsker ikke noPadding fordi det ser dumt ut i de fleste tilfeller, men blir jo noe annet hvis folk bruker andre komponenter inni som har egen padding.. Men da mister vi litt kontrollen på hvordan det "burde" se ut også? |
Ja, det er 24px og med all padding/margin fjernet fra innholdet inni. Jeg skjønner hele diskusjonen dere sitter i, men det må være en mellomting mellom å fjerne 24px har forøvrig aldri vært en naturlig default på spacing så vidt jeg vet i FFE, vanligvis går man for 8 eller 16 når man skal sette en default. Spacing er også en av de tingene som oppleves annerledes i Figma enn i kode. |
|
Skjønner, har ikke vært borti det nok til å vite at 24px ikke er default, så ut til å være det på alle de andre kortene :-) Dette er en åpen diskusjon, vi er åpne for inspill og denne PRen har ikke blitt godkjent enda engang. Det er fint å vite at du er for flere alertnativer, jeg kan skjønne det. Vi skal snakke mer med designeren vår i morgen og se om vi kan komme frem til noe. Vi har vært innom å ha en Denne her endringen har propmptet en større diskusjon rundt at vi trenger bedre samarbeid med teamene, har vært utrolig mye "synsing" for å utrette groupCard. Sånn her ser det ut i min browser med 24px padding med ikon, synes det ser merkelig ut om det ikke er noe mer på det skjermbildet du sendte 🤔
|
|
@HeleneKassandra Hva er ønskescenarioet ditt? At vi har padding = 'sm' | 'md' | 'lg'? evt også 'none'? |
padding = 'xs' | ''sm' | 'md' | 'lg' | 'none' høres helt ideelt ut for meg! Tror jeg det er mer sannsynlig folk trenger xs enn lg, hvis man må kutte på noen størrelser. Condensed kan nok også funke, som en middle ground hvis dere ikke vil åpne for padding som over ^ Evt som en første løsning frem til man har avdekket flere konkrete behov |
Issuen med |
tuva-odegard
force-pushed
the
groupcard2
branch
from
ab36736 to
ffd3066
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
Ikonet er vel "custom" innhold som vi selv sender inn? Så da er det vel opp til hvert enkelt team å sørge for at ikonet har riktig størrelse? Eller har jeg misforstått? |
tuva-odegard
force-pushed
the
groupcard2
branch
from
a3f7368 to
c0bdc19
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
1 similar comment
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
| @@ -43,6 +46,15 @@ import { Heading2, Paragraph } from '@sb1/ffe-core-react'; | |||
| </> | |||
| )} | |||
| </GroupCardElement> | |||
| <GroupCardFooter> | |||
| {({ CardAction }) => ( | |||
| <> | |||
There was a problem hiding this comment.
Ble ett fragment mer en vad som trengs her
| @@ -5,7 +5,7 @@ import { BgColor, BgColorDarkmode } from '../types'; | |||
|
|
|||
| export interface GroupCardProps | |||
| extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> { | |||
| shadow?: boolean; | |||
| noShadow?: boolean; | |||
There was a problem hiding this comment.
Er du sikker på dette her? Mener det var slik før så endret @HeleneKassandra eller hsuker jag feil? Vi har skugga på de flesta av våra kort men vad emd andre team. Synes ikke vi skall jonglera den her fram og tilbake før mye.
There was a problem hiding this comment.
😅 Skjønner.. Var veldig mye lettere å få til mtp css og dark mode ved å gjøre det denne veien.. Tror det var derfor jeg byttet (pluss at vi helst vil at folk skal ha skygge, så tenkte det gir mening å legge til en noShadow kun hvis man vil..). Men helt enig at vi ikke burde bytte det rundt hvis det er allerede gjort! Ser nå at det er shadowpå de andre kortene.. Da må jeg jobbe litt til for å få til cssen
There was a problem hiding this comment.
Vi varierer litt om vi har skygge eller ikke, mangler litt retningslinjer på det.
Men ja, tror kanskje jeg endret til shadow fra noShadow da jeg jobbet med basecard. Fint om det matcher andre kort komponenter :)
| transition: all var(--ffe-transition-duration) var(--ffe-ease); | ||
| padding: var(--ffe-spacing-md); | ||
|
|
||
| &:last-child:not(:hover) { |
There was a problem hiding this comment.
Vad var denne før? Når vi bruker hover vi bruka denne media query før slik att det kun skjer på dekstop med mus.
| &:last-child { | ||
| &__title, | ||
| &__element { | ||
| &--no-separator { |
There was a problem hiding this comment.
den der kan slås ijop med element. Gjelder vell alle 3?
There was a problem hiding this comment.
nei, tror ikke det? footer har ikke noe separator, er jo border-bottom
tuva-odegard
force-pushed
the
groupcard2
branch
from
c0bdc19 to
7d1a893
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
tuva-odegard
force-pushed
the
groupcard2
branch
from
7d1a893 to
49ccfef
Compare
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
|
Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2211.westeurope.2.azurestaticapps.net |
I samarbeid med Ragnhild har vi oppdatert GroupCard komponenten litt.
Har oppdatert padding. Vi tilbyr nå kun en størrelse/padding, og ikke noPadding. Det er mulig vi kan legge til padding = 'sm' | 'md' eller liknende i fremtiden, men det er for tidlig nå.
Har forbedret darkmode og lagt til GroupCardTitle og GroupCardFooter