activated video filter and making it to work;
finded the way to call Drupal.behaviors after custom ajax : Drupal.attachBehaviors(context)
This commit is contained in:
@@ -1148,3 +1148,90 @@ footer{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// __ ___ _ ___ _ _ _
|
||||
// \ \ / (_)__| |___ ___| __(_) | |_ ___ _ _
|
||||
// \ V /| / _` / -_) _ \ _|| | | _/ -_) '_|
|
||||
// \_/ |_\__,_\___\___/_| |_|_|\__\___|_|
|
||||
// complete rewrite of url_to_video_filter css
|
||||
.url-to-video-container{
|
||||
// display:block;
|
||||
margin:10px auto;
|
||||
// width:100%;
|
||||
&.no-js{
|
||||
border:solid black 1px;
|
||||
.loader{
|
||||
// background:url(../images/no-js.png) no-repeat center center;
|
||||
// background-size:40px 40px;
|
||||
}
|
||||
.url-to-video-player{
|
||||
cursor:auto;
|
||||
}
|
||||
}
|
||||
.loader{
|
||||
// top:240px;
|
||||
// left:50%;
|
||||
// transform:translate(-50%, -50%);
|
||||
// background:#FFF url(../images/ajax-loader.gif) no-repeat center center;
|
||||
top:auto; left: auto;
|
||||
transform: none;
|
||||
}
|
||||
span.url-to-video-player{
|
||||
// display:block;
|
||||
// width:100%;
|
||||
/* assuming that the video has a 16:9 ratio */
|
||||
// padding-bottom:56.25%;
|
||||
padding-bottom:0;
|
||||
// overflow:hidden;
|
||||
// position:relative;
|
||||
// width:100%;
|
||||
// height:100%;
|
||||
height:auto;
|
||||
// cursor:hand;
|
||||
// cursor:pointer;
|
||||
// display: block;
|
||||
&:before{
|
||||
content: "";
|
||||
display: block;
|
||||
/* assuming that the video has a 16:9 ratio */
|
||||
padding-top: 56.25%;
|
||||
}
|
||||
img.player-thumb
|
||||
{
|
||||
// background-position:center center;
|
||||
// background-size:cover;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 0;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// cursor:pointer;
|
||||
}
|
||||
.play-button
|
||||
{
|
||||
z-index: 5;
|
||||
// height:40px;
|
||||
// width:40px;
|
||||
// display:block;
|
||||
// background:url(../images/play-button.png) no-repeat center center;
|
||||
// background-size:40px 40px;
|
||||
// position:absolute;
|
||||
// top:240px;
|
||||
top:50%;
|
||||
// left:50%;
|
||||
// transform:translate(-50%, -50%);
|
||||
// cursor:pointer;
|
||||
}
|
||||
iframe.player-iframe
|
||||
{
|
||||
// width:100%;
|
||||
// height:100%;
|
||||
// position:absolute;
|
||||
// top:0;
|
||||
// left:0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -40,13 +40,14 @@ header[role="banner"]{
|
||||
main[role="main"]{
|
||||
// outline:1px solid green;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
left:0; top:0;
|
||||
box-sizing:border-box;
|
||||
width:100%;
|
||||
padding:7em 2em 9em;
|
||||
width:100%; height:100%;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
height:auto;
|
||||
.layout-content{
|
||||
width: 100%; height:100%;
|
||||
overflow:hidden;
|
||||
@@ -60,6 +61,11 @@ main[role="main"]{
|
||||
}
|
||||
}
|
||||
|
||||
body[corpus-map="ready"] main[role="main"]{
|
||||
height:100%;
|
||||
// overflow-y: hidden;
|
||||
}
|
||||
|
||||
footer[role="contentinfo"]{
|
||||
// outline: 1px solid pink;
|
||||
z-index: 2;
|
||||
|
||||
Reference in New Issue
Block a user