pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] web: extend bootstrap border-radius utility classes

Browse Source 
Extend utility classes allowing to use 'sm' and 'lg' variations for
directional border-radius utility classes (eg. 'rounded-lg-left').

The aim is to avoid inconsistencies for all these components that use
custom border-radius values (eg. chatter composer).
This commit is contained in:
stefanorigano (SRI)
2021-06-18 21:31:33 +02:00
committed by Aaron Bohy
parent 843901d1bd
commit de188f0224
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/webclient/webclient.scss
+25
View File
@@ -84,6 +84,31 @@ div.o_boolean_toggle.custom-control.custom-checkbox {
font-family: $font-family-sans-serif;
}
// == Extend default border-radius utility classes
//------------------------------------------------------------------------------
// Allows to use small and large variations for directional border-radius
// utility classes (eg. 'rounded-lg-left')
.rounded {
$sizes: ('-sm': $border-radius-sm, '-lg': $border-radius-lg);
@each $size, $radius in $sizes {
@each $side in ('left', 'right') {
&#{$size}-#{$side} {
border-top-#{$side}-radius: $radius !important;
border-bottom-#{$side}-radius: $radius !important;
}
}
@each $direction in ('top', 'bottom') {
&#{$size}-#{$direction} {
border-#{$direction}-left-radius: $radius !important;
border-#{$direction}-right-radius: $radius !important;
}
}
}
}
//== Badges
.badge {
margin: 1px 2px 1px 0;