Page tree

European Commission Digital

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: modified events displayed from 4 to 3

...

Content Layer
id717976145
classcef cef-section cef-grey-light-bg
Content Column
width100%
id717976146
Content Block
id717976148
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Upcoming eDelivery events</h2>
Div
classcef-row
Div
classcef-col-12 cef-edelivery-event

News Teaser
EDELCOMMUNITYfalse
filterStartDate
newsTextexcerpt
colorwhite
showCreatedDatefalse
columnsresponsive
showStatsfalse
linkfilterByDatefalse
openLinksInNewWindowshowDatefalse
showCreatedDateshowErrorfalse
maxResults3
spacesSelectedpromotedLabel
contentTypecolumnspage4
imageLabels
showStatsshowCreatorfalse
linkfilterByDatefalse
showSpaceopenLinksInNewWindowfalse
spacesSelectedEDELCOMMUNITY
showSpaceshowAuthorfalse
showDateshowAuthorfalse
labelColor#0049B0
timeFrame
filterEndDate
labels+edelivery, +event, +upcoming
layoutcards
showErrorfalse
maxResults4
sortOrderlastmodified desc
promotedFirsttrue
contentTypepage
showCreatorcql

Div
classcef-row cef-edelivery-event-cta cef-text-center
Div
classcef-col-12
HTML
<p><a class="cef-btn cef-btn-primary-outline" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/Events+eDelivery"><span>See all events</span></a></p>
CSS Stylesheet
/*--- MACRO NEWS TEASER - EDELIVERY EVENT ---*/
/*-------------------------------------------*/
.cef .cef-edelivery-event .news-teaser-root > div > div > div {display: inline-block; box-shadow:none;}
.cef .cef-edelivery-event .news-teaser-root .aui-group { display: block; min-height: 520px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef .cef-edelivery-event .news-teaser-root .aui-group h2 { display: none;}
/*hack for confluence - remove empty p*/
.cef .cef-edelivery-event .news-teaser-root .aui-group p:first-child { display: none;}
.cef .cef-edelivery-event .news-teaser-root .aui-group p:nth-child(2) { text-transform: uppercase;}
.cef .cef-edelivery-event .news-teaser-root .aui-group span { font-size: initial; text-transform: uppercase;} 
/*.cef .cef-edelivery-event .news-teaser-root > div > div:last-child { display: none;}*/

@media screen and (max-width: 600px) {
	.cef .cef-edelivery-event .news-teaser-root > div > div > div  { position:relative !important; margin-top:20px; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-edelivery-event .news-teaser-root .aui-group { min-height: auto !important;}
}

.cef .cef-edelivery-event-cta p { margin-top:1rem; margin-bottom:0; }

...