KCard: Remove the border-radius on align left #741
Labels
Component: KCard
good first issue
Self-contained, straightforward, low-complexity
help wanted
Open source contributors welcome
P2 - normal
Priority: Nice to have
Milestone
🌱 Are you new to the codebase? Welcome! Please see the contributing guidelines.
Summary
We need to remove border-radius when the thumbnail display is align left using
thumbnailAlign
prop. But keep it when the the thumbnail is align left andthumbnailDisplay
prop is smallReferences
This need is motivated by new additions to the cards family in Kolibri, such as
learningequality/kolibri#12318
learningequality/kolibri#12317
learningequality/kolibri#12319
Current behavior
When the card is align left we are still seeing small rounded corners around the card's outer border.
Expected behavior
The border-radius needs to be removed on
:thumbnailAlign='left
' and:thumbnailDisplay='large'
Acceptance criteria
The text was updated successfully, but these errors were encountered: