Rounded bottom border - Githubissues

openeuropa / oe_bootstrap_theme

Bootstrap-based theme

European Union Public License 1.2

6 stars 12 forks source link

Rounded bottom border #388

Open msnassar opened 4 months ago

msnassar commented 4 months ago

The card pattern (search variant) adds bottom border to the card (https://github.com/openeuropa/oe_bootstrap_theme/blob/1.x/templates/patterns/card/pattern-card--variant-search.html.twig#L67) Due to the facet that bootstrap library (https://getbootstrap.com/docs/5.3/components/card) applies border radius on the card, we have rounded corner when the card has bottom border too! See here https://digit-oesa.prd.fpfis.tech.ec.europa.eu/en/search

Have been solved in UCPKN by:

.card {
  // Cards with .border-bottom should not have rounded corners. 
  &.border-bottom {
    @extend .rounded-0;
  }
}