entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

scss: don't use overflow:hidden for bordered-radius cells (#40261)

This commit is contained in:
Thomas Jund 2020-03-03 11:59:03 +01:00
parent 54fcc854d4
commit 9691600c7e
1 changed files with 43 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
static/includes/_cells.scss
View File

@ -78,10 +78,7 @@ div.a2-block,
color: $cell-color;
box-sizing: border-box;
border: $cell-border;
@if is-positive-number($cell-border-radius) {
border-radius: $cell-border-radius;
overflow: hidden;
}
border-radius: $cell-border-radius;
}
div#services > ul > li,
@ -125,8 +122,15 @@ div#services > ul > li > strong > a,
@if $cell-title-cover-border == true {
margin: #{extract-width($cell-border) * -1};
}
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
@if is-positive-number($cell-border-radius) {
// make sure cell title don't overflow the cell radius
border-radius: $cell-border-radius;
&:not(:only-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
};
}
}
div.links-list p {
@ -151,7 +155,7 @@ div.wcscurrentformscell ul {
position: relative;
z-index: 0;
& > li {
& > li:not(:last-child):not(.more-items) {
border-bottom: 1px solid $cell-entry-border-color;
}
& > li > a {
@ -223,6 +227,29 @@ div.wcscurrentformscell ul {
margin-bottom: 0.7em;
}
}
@if is-positive-number($cell-border-radius) {
// make sure last link don't overflow the cell radius
li.more-items a,
> li:last-child a:only-child {
border-bottom-left-radius: $cell-border-radius;
border-bottom-right-radius: $cell-border-radius;
}
// make sure first link don't overflow the cell radius
> li:first-child a {
border-top-left-radius: $cell-border-radius;
border-top-right-radius: $cell-border-radius;
}
// BUT don't apply border-radius on not last item of sub-list links
li:not(:last-child) li a:only-child {
border-radius: 0;
}
// BUT don't apply top border-radius on first link to sub-list
li li:first-child a {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
}
.gru-content div.wcsformsofcategorycell {
@ -313,6 +340,15 @@ div.cell {
margin-bottom: 0;
padding-bottom: 0.7em;
}
ul > li:last-child {
border-bottom: 1px solid $cell-entry-border-color;
@if is-positive-number($cell-border-radius) {
> a {
border-radius: 0;
}
}
}
+ div {
margin-top: 0;
border-radius: 0 0 $cell-border-radius $cell-border-radius;