bachir/materio-d9
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

made blabla article lightbox display for video and images

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2020-02-20 12:12:35 +01:00
parent b32e609538
commit f69853bb46
7 changed files with 146 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/materiotheme/assets/dist/main.css vendored
View File

File diff suppressed because one or more lines are too long

33
web/themes/custom/materiotheme/assets/dist/main.js vendored
View File

File diff suppressed because one or more lines are too long

10
web/themes/custom/materiotheme/assets/scripts/main.js
View File

@@ -12,10 +12,12 @@ Vue.use(InfiniteLoading, {
// }
});
import vueVimeoPlayer from 'vue-vimeo-player'
Vue.use(vueVimeoPlayer)
import VueYouTubeEmbed from 'vue-youtube-embed'
Vue.use(VueYouTubeEmbed)
// import vueVimeoPlayer from 'vue-vimeo-player'
// Vue.use(vueVimeoPlayer)
// import VueYouTubeEmbed from 'vue-youtube-embed'
// Vue.use(VueYouTubeEmbed)
import CoolLightBox from 'vue-cool-lightbox'
Vue.use(CoolLightBox)
import store from 'vuejs/store'
import router from 'vuejs/route'

62
web/themes/custom/materiotheme/assets/styles/main.scss
View File

@@ -547,7 +547,10 @@ article.node--type-frontpage{
article.card{
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
width:$column_width*2 + $column_goutiere; height:$card_height;
width:$column_width; height:$card_height;
&.article{
width:$column_width*2 + $column_goutiere; height:$card_height;
}
// &.card-small{
// width:100px; height:140px;
// }
@@ -649,34 +652,43 @@ article.card{
padding:0 0.5em 0 0;
}
}
section.videos{
ul{
margin:0; padding:0;
li{
margin:0; padding:0;
display: inline-block;
width:100%; overflow: hidden;
}
}
}
section.visuels{
width:calc(100% + #{$column_goutiere});
figure{
position: relative;
div.gallery-wrapper{
.image{
display: inline-block;
vertical-align: top;
width:$column_width*2 + $column_goutiere;
width:$column_width;
margin:0 $column_goutiere $column_goutiere*0.6 0;
img{
width:100%;
}
caption{
position: absolute; bottom: 0; left:0;
box-sizing: border-box; width: 100%; padding:0.5em;
background-color: $transparent-bg-blk; color: #fff;
}
height:$card_height / 2;
background-size: cover;
}
}
// section.videos{
// ul{
// margin:0; padding:0;
// li{
// margin:0; padding:0;
// display: inline-block;
// width:100%; overflow: hidden;
// }
// }
// }
// section.visuels{
// width:calc(100% + #{$column_goutiere});
// figure{
// position: relative;
// display: inline-block;
// vertical-align: top;
// width:$column_width*2 + $column_goutiere;
// margin:0 $column_goutiere $column_goutiere*0.6 0;
// img{
// width:100%;
// }
// caption{
// position: absolute; bottom: 0; left:0;
// box-sizing: border-box; width: 100%; padding:0.5em;
// background-color: $transparent-bg-blk; color: #fff;
// }
// }
// }
aside.linked-materials{
ul{
width:calc(100% + #{$column_goutiere});