Fixed group block style

This commit is contained in:
kvakazyambra 2023-11-21 01:12:43 +03:00
parent 11cd9641e0
commit a3afe6ca15
3 changed files with 14 additions and 4 deletions

View File

@ -48,6 +48,12 @@
max-width: 2em; max-width: 2em;
vertical-align: text-bottom; vertical-align: text-bottom;
} }
:global(.floor--group) &:not(:last-child) {
border-bottom: 1px solid;
margin-bottom: 2.6rem;
padding-bottom: 1.4rem;
}
} }
.shoutCardWithBorder { .shoutCardWithBorder {
@ -62,6 +68,10 @@
} }
.shoutCardTitlesContainer { .shoutCardTitlesContainer {
.shoutCardCompact & {
margin-bottom: 0.3em;
}
&.shoutCardTitlesContainerFeedMode { &.shoutCardTitlesContainerFeedMode {
margin-bottom: 1.4rem; margin-bottom: 1.4rem;
} }

View File

@ -35,6 +35,9 @@
} }
.floor--group { .floor--group {
background: #e8e5f0;
padding: 4rem 0 3rem;
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
.col-lg-12 { .col-lg-12 {
.row { .row {

View File

@ -14,7 +14,7 @@ interface GroupProps {
export default (props: GroupProps) => { export default (props: GroupProps) => {
if (!props.articles) props.articles = [] if (!props.articles) props.articles = []
return ( return (
<div class="floor floor--important floor--group"> <div class="floor floor--group">
<Show when={props.articles.length > 4}> <Show when={props.articles.length > 4}>
<div class="wide-container"> <div class="wide-container">
<div class="row"> <div class="row">
@ -26,7 +26,6 @@ export default (props: GroupProps) => {
settings={{ settings={{
nosubtitle: false, nosubtitle: false,
noicon: true, noicon: true,
isFloorImportant: true,
isBigTitle: true, isBigTitle: true,
nodate: true, nodate: true,
}} }}
@ -62,7 +61,6 @@ export default (props: GroupProps) => {
noimage: true, noimage: true,
isBigTitle: true, isBigTitle: true,
isCompact: true, isCompact: true,
isFloorImportant: true,
nodate: true, nodate: true,
}} }}
desktopCoverSize="XS" desktopCoverSize="XS"
@ -80,7 +78,6 @@ export default (props: GroupProps) => {
noimage: true, noimage: true,
isBigTitle: true, isBigTitle: true,
isCompact: true, isCompact: true,
isFloorImportant: true,
nodate: true, nodate: true,
}} }}
desktopCoverSize="XS" desktopCoverSize="XS"