Skip to content
Snippets Groups Projects
Commit 6b4acab7 authored by Georgi's avatar Georgi
Browse files

[BUGFIX] Minor bugfixes

parent 1355c69d
No related branches found
Tags 6.0.6
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Classes/Preview/PreviewRenderer.php
+ 8
− 4
View file @ 6b4acab7
......@@ -49,10 +49,14 @@ class PreviewRenderer implements PreviewRendererInterface {
* @return string
*/
public function renderPageModulePreviewHeader(GridColumnItem $item): string {
return '<h4>' . $this->getPluginNameForHeaderContent(
(int)$item->getRecord()['pid'],
$item->getRecord()['list_type']
) . '</h4>';
if (version_compare(\TYPO3\CMS\Core\Utility\VersionNumberUtility::getCurrentTypo3Version(), '12.0.0', '>=')) {
return '<h4>' . $this->getPluginNameForHeaderContent(
(int)$item->getRecord()['pid'],
$item->getRecord()['list_type']
) . '</h4>';
}
return '';
}
/**
......
Resources/Public/Sass/Modules/_sg-video.scss
+ 7
− 1
View file @ 6b4acab7
......@@ -9,6 +9,7 @@ $basicLightbox__timing: ease !default;
--sg-video-component-color-foreground: #174566;
--sg-video-component-color-background: #f5f8fa;
--sg-video-component-color-link: #15415e;
--sg-video-component-color-play-button: #ffffff;
--sg-video-component-color-link--hover: #061924;
}
......@@ -44,6 +45,10 @@ $sg-video-screen-xs-min: $sg-video-screen-xs;
margin-bottom: 20px;
}
.tx-sg-vimeo {
margin-bottom: 20px;
}
.sg-video {
&__image {
width: 100%;
......@@ -55,6 +60,7 @@ $sg-video-screen-xs-min: $sg-video-screen-xs;
position: relative;
overflow: hidden;
width: 100%;
color: var(--sg-video-component-color-play-button);
display: block;
&:not(.no-lightbox) svg {
......@@ -398,7 +404,7 @@ $sg-video-screen-xs-min: $sg-video-screen-xs;
margin: 0;
}
.no-lightbox > svg {
.no-lightbox svg {
display: none;
}
......
Resources/Public/StyleSheets/main.min.css
+ 1
− 1
View file @ 6b4acab7
:root{--sg-video-component-color-headline: #0a293b;--sg-video-component-color-foreground: #174566;--sg-video-component-color-background: #f5f8fa;--sg-video-component-color-link: #15415e;--sg-video-component-color-link--hover: #061924}.tx-sg-youtube{margin-bottom:20px}.sg-video__image{width:100%;height:auto;transition:transform var(--sg-video-base-transition-timing, 0.3s) ease}.sg-video__image-container{position:relative;overflow:hidden;width:100%;display:block}.sg-video__image-container:not(.no-lightbox) svg{position:absolute;top:50%;left:50%;width:40px;height:50px;transform:translate(-50%, -50%) scale(0.8);opacity:.8;transition:opacity var(--sg-video-base-transition-timing, 0.3s),transform var(--sg-video-base-transition-timing, 0.3s);z-index:9;text-shadow:-1px 4px 27px rgba(0,0,0,.5)}.sg-video__image-container:hover,.sg-video__image-container:focus{text-decoration:none}.sg-video__image-container:hover .sg-video__image,.sg-video__image-container:focus .sg-video__image{transform:scale(1.1)}.sg-video__image-container:hover::after,.sg-video__image-container:focus::after{transform:translate(-50%, -50%) scale(1.1)}.sg-video__read-more{padding:0 30px 10px;display:block;width:100%;text-align:left;margin-top:auto}.sg-video__bodytext{padding:20px 30px;margin-top:auto;margin-bottom:auto;background:var(--sg-video-component-color-background);min-height:90px}@media(1200px){.sg-video__bodytext{padding:20px}}.sg-video__bodytext h3{color:var(--sg-video-component-color-headline);margin-top:0;padding-top:0}.sg-video__bodytext .sg-video__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sg-video__bodytext .sg-video__description.expanded{-webkit-line-clamp:unset}.sg-video__item{box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);background:var(--sg-video-component-color-background)}.sg-video__list{margin-bottom:0;list-style:none}.sg-video__highlight{display:flex}.sg-video__highlight .sg-video__item{display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list-item--alt .sg-video__item{display:flex}.sg-video__list-item--alt .sg-video__image-container{width:50%}.sg-video__list-item--alt .sg-video__bodytext{width:50%;background:rgba(0,0,0,0);padding:0 5px 0 20px}}@media(min-width: 1200px){.sg-video--playlist{display:flex}}.sg-video__list--playlist{display:flex;margin:0 -10px}@media(min-width: 1200px){.sg-video__list--playlist{flex-direction:column;flex-grow:1;justify-content:space-between}.sg-video__list--playlist .sg-video__list-item:not(:last-child){margin-bottom:15px}}.sg-video__list--playlist .sg-video__item{height:100%}.sg-video__list-item{position:relative;margin:15px 10px}@media(min-width: 1200px){.sg-video__list-item{margin:auto}}@media(min-width: 1200px){.sg-video__list-item--alt{margin:0}}.sg-video--2 .sg-video__list--playlist{margin:0}@media(min-width: 1200px){.sg-video--3 .sg-video__list .sg-video__description{display:none}}@media(min-width: 768px)and (max-width: 991.98px){.sg-video--3 .sg-video__list--playlist .sg-video__list-item{width:50%}}@media(max-width: 575.98px){.sg-video--3 .sg-video__list--playlist{display:block}}@media(max-width: 767.98px){.sg-video--4 .sg-video__list--playlist{display:block}.sg-video--4 .sg-video__list .sg-video__description{display:none}}@media(min-width: 992px)and (max-width: 991.98px){.sg-video--4 .sg-video__list-item--alt{width:33%}}@media(min-width: 1200px){.sg-video--4 .sg-video__list-item--alt .sg-video__image{height:100%}}@media(min-width: 992px){.sg-video--4 .sg-video__list-item--alt h3{font-size:1.3em;margin-bottom:5px}}.sg-video__list--default{display:flex;flex-wrap:wrap;margin:0 -10px}.sg-video__list--default>li{width:100%;margin:10px;display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list--default>li{width:calc(33.3333% - 20px)}}.sg-video__list--default a{box-shadow:none}.sg-video__list--default .sg-video__bodytext{position:relative;display:block;overflow:hidden;padding:20px 20px 10px;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--default .sg-video__read-more{padding:10px 20px;display:block;width:100%;text-align:left;margin-top:auto}.sg-video__list--default .sg-video__item{flex-grow:1}@media(max-width: var(--sg-video-mobile-breakpoint, 768px)-1px){.sg-video__list--default img{min-height:0 !important}}.sg-video__read-more{background:var(--sg-video-component-color-background);color:var(--sg-video-component-color-link);border:0}.sg-video__read-more:hover{color:var(--sg-video-component-color-link--hover)}.sg-video__read-more svg{display:inline-block;width:13px;height:10px;margin-left:5px;transition:transform var(--sg-video-base-transition-timing, 0.3s)}.sg-video__read-more.disabled{display:none}.sg-video__list--rows .sg-video__read-more.disabled{display:none !important}@media(min-width: 992px){.sg-video__list--rows .sg-video__item{box-shadow:none;background-color:rgba(0,0,0,0)}.sg-video__list--rows .sg-video__image-container{float:left;clear:left;width:40.5%}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__image-container{width:35%}}@media(min-width: 992px){.sg-video__list--rows .sg-video__bodytext{position:relative;box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);padding:20px 60px;width:59.5%;margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:baseline;min-height:210px}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__bodytext{width:65%;min-height:225px;padding-top:40px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__description{display:block;position:relative;overflow:hidden;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}}@media(min-width: 992px){.sg-video__list--rows .sg-video__list-item{margin-bottom:25px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__read-more{display:block;padding:20px 0 0}}.sg-video__read-more.expanded .sg-video__read-more-arrow{transform:rotateX(180deg)}.sg-video-lightbox-wrapper{pointer-events:all;padding:0;margin:0}.no-lightbox>svg{display:none}.plyr .sg-cookie-optin-iframe-consent{min-height:410px}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1;pointer-events:auto}.basicLightbox__placeholder{max-width:100%;transform:scale(0.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder,.basicLightbox--iframe .basicLightbox__placeholder{width:100%;height:100%}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}
\ No newline at end of file
:root{--sg-video-component-color-headline: #0a293b;--sg-video-component-color-foreground: #174566;--sg-video-component-color-background: #f5f8fa;--sg-video-component-color-link: #15415e;--sg-video-component-color-play-button: #ffffff;--sg-video-component-color-link--hover: #061924}.tx-sg-youtube{margin-bottom:20px}.tx-sg-vimeo{margin-bottom:20px}.sg-video__image{width:100%;height:auto;transition:transform var(--sg-video-base-transition-timing, 0.3s) ease}.sg-video__image-container{position:relative;overflow:hidden;width:100%;color:var(--sg-video-component-color-play-button);display:block}.sg-video__image-container:not(.no-lightbox) svg{position:absolute;top:50%;left:50%;width:40px;height:50px;transform:translate(-50%, -50%) scale(0.8);opacity:.8;transition:opacity var(--sg-video-base-transition-timing, 0.3s),transform var(--sg-video-base-transition-timing, 0.3s);z-index:9;text-shadow:-1px 4px 27px rgba(0,0,0,.5)}.sg-video__image-container:hover,.sg-video__image-container:focus{text-decoration:none}.sg-video__image-container:hover .sg-video__image,.sg-video__image-container:focus .sg-video__image{transform:scale(1.1)}.sg-video__image-container:hover::after,.sg-video__image-container:focus::after{transform:translate(-50%, -50%) scale(1.1)}.sg-video__read-more{padding:0 30px 10px;display:block;width:100%;text-align:left;margin-top:auto}.sg-video__bodytext{padding:20px 30px;margin-top:auto;margin-bottom:auto;background:var(--sg-video-component-color-background);min-height:90px}@media(1200px){.sg-video__bodytext{padding:20px}}.sg-video__bodytext h3{color:var(--sg-video-component-color-headline);margin-top:0;padding-top:0}.sg-video__bodytext .sg-video__description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sg-video__bodytext .sg-video__description.expanded{-webkit-line-clamp:unset}.sg-video__item{box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);background:var(--sg-video-component-color-background)}.sg-video__list{margin-bottom:0;list-style:none}.sg-video__highlight{display:flex}.sg-video__highlight .sg-video__item{display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list-item--alt .sg-video__item{display:flex}.sg-video__list-item--alt .sg-video__image-container{width:50%}.sg-video__list-item--alt .sg-video__bodytext{width:50%;background:rgba(0,0,0,0);padding:0 5px 0 20px}}@media(min-width: 1200px){.sg-video--playlist{display:flex}}.sg-video__list--playlist{display:flex;margin:0 -10px}@media(min-width: 1200px){.sg-video__list--playlist{flex-direction:column;flex-grow:1;justify-content:space-between}.sg-video__list--playlist .sg-video__list-item:not(:last-child){margin-bottom:15px}}.sg-video__list--playlist .sg-video__item{height:100%}.sg-video__list-item{position:relative;margin:15px 10px}@media(min-width: 1200px){.sg-video__list-item{margin:auto}}@media(min-width: 1200px){.sg-video__list-item--alt{margin:0}}.sg-video--2 .sg-video__list--playlist{margin:0}@media(min-width: 1200px){.sg-video--3 .sg-video__list .sg-video__description{display:none}}@media(min-width: 768px)and (max-width: 991.98px){.sg-video--3 .sg-video__list--playlist .sg-video__list-item{width:50%}}@media(max-width: 575.98px){.sg-video--3 .sg-video__list--playlist{display:block}}@media(max-width: 767.98px){.sg-video--4 .sg-video__list--playlist{display:block}.sg-video--4 .sg-video__list .sg-video__description{display:none}}@media(min-width: 992px)and (max-width: 991.98px){.sg-video--4 .sg-video__list-item--alt{width:33%}}@media(min-width: 1200px){.sg-video--4 .sg-video__list-item--alt .sg-video__image{height:100%}}@media(min-width: 992px){.sg-video--4 .sg-video__list-item--alt h3{font-size:1.3em;margin-bottom:5px}}.sg-video__list--default{display:flex;flex-wrap:wrap;margin:0 -10px}.sg-video__list--default>li{width:100%;margin:10px;display:flex;flex-direction:column}@media(min-width: 1200px){.sg-video__list--default>li{width:calc(33.3333% - 20px)}}.sg-video__list--default a{box-shadow:none}.sg-video__list--default .sg-video__bodytext{position:relative;display:block;overflow:hidden;padding:20px 20px 10px;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}.sg-video__list--default .sg-video__read-more{padding:10px 20px;display:block;width:100%;text-align:left;margin-top:auto}.sg-video__list--default .sg-video__item{flex-grow:1}@media(max-width: var(--sg-video-mobile-breakpoint, 768px)-1px){.sg-video__list--default img{min-height:0 !important}}.sg-video__read-more{background:var(--sg-video-component-color-background);color:var(--sg-video-component-color-link);border:0}.sg-video__read-more:hover{color:var(--sg-video-component-color-link--hover)}.sg-video__read-more svg{display:inline-block;width:13px;height:10px;margin-left:5px;transition:transform var(--sg-video-base-transition-timing, 0.3s)}.sg-video__read-more.disabled{display:none}.sg-video__list--rows .sg-video__read-more.disabled{display:none !important}@media(min-width: 992px){.sg-video__list--rows .sg-video__item{box-shadow:none;background-color:rgba(0,0,0,0)}.sg-video__list--rows .sg-video__image-container{float:left;clear:left;width:40.5%}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__image-container{width:35%}}@media(min-width: 992px){.sg-video__list--rows .sg-video__bodytext{position:relative;box-shadow:0 0 7px rgba(var(--sg-video-box-shadow-rgb), 0.18);padding:20px 60px;width:59.5%;margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:baseline;min-height:210px}}@media(min-width: 992px)and (min-width: 1200px){.sg-video__list--rows .sg-video__bodytext{width:65%;min-height:225px;padding-top:40px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__description{display:block;position:relative;overflow:hidden;transition:max-height var(--sg-video-base-transition-timing-fast, 0.1s)}}@media(min-width: 992px){.sg-video__list--rows .sg-video__list-item{margin-bottom:25px}}@media(min-width: 992px){.sg-video__list--rows .sg-video__read-more{display:block;padding:20px 0 0}}.sg-video__read-more.expanded .sg-video__read-more-arrow{transform:rotateX(180deg)}.sg-video-lightbox-wrapper{pointer-events:all;padding:0;margin:0}.no-lightbox svg{display:none}.plyr .sg-cookie-optin-iframe-consent{min-height:410px}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1;pointer-events:auto}.basicLightbox__placeholder{max-width:100%;transform:scale(0.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>video:first-child:last-child,.basicLightbox__placeholder>iframe:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder,.basicLightbox--iframe .basicLightbox__placeholder{width:100%;height:100%}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment