N°2847 Fix first and last section border radius for popover menu

This commit is contained in:
Stephen Abello
2020-08-04 12:13:39 +02:00
parent 4aeb3ed448
commit c7e95676d2
2 changed files with 8 additions and 7 deletions

View File

@@ -19,7 +19,6 @@
/* SCSS variables */
$ibo-popover-menu--item--text-color: $ibo-color-grey-900 !default;
$ibo-popover-menu--item--hyperlink-color: $ibo-popover-menu--item--text-color !default;
$ibo-popover-menu--item--border-radius: $ibo-popover-menu--border-radius !default;
.ibo-popover-menu--item{
padding: 12px 24px 12px 16px;
@@ -32,10 +31,4 @@ $ibo-popover-menu--item--border-radius: $ibo-popover-menu--border-radius !defaul
background-color: var(--ibo-color-grey-200);
color: inherit;
}
&:first-child{
border-radius: $ibo-popover-menu--item--border-radius $ibo-popover-menu--item--border-radius 0 0;
}
&:last-child {
border-radius: 0 0 $ibo-popover-menu--item--border-radius $ibo-popover-menu--item--border-radius;
}
}

View File

@@ -21,6 +21,8 @@ $ibo-popover-menu--background-color: $ibo-color-white-100 !default;
$ibo-popover-menu--border-radius: $ibo-border-radius-300 !default;
$ibo-popover-menu--padding: 0 !default;
$ibo-popover-menu--section-border-radius: $ibo-popover-menu--border-radius !default;
.ibo-popover-menu{
display: none;
padding: $ibo-popover-menu--padding;
@@ -44,4 +46,10 @@ $ibo-popover-menu--padding: 0 !default;
margin: 0px 0px;
width: 100%;
@extend %ibo-text-truncated-with-ellipsis;
&:first-child{
border-radius: $ibo-popover-menu--section-border-radius $ibo-popover-menu--section-border-radius 0 0;
}
&:last-child {
border-radius: 0 0 $ibo-popover-menu--section-border-radius $ibo-popover-menu--section-border-radius;
}
}