bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added red square arround opened node in corpus map

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-08 12:58:02 +01:00
parent 0ca9c9cc83
commit fb4701f043
6 changed files with 93 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+5 -4
View File
@@ -27,7 +27,7 @@ edlp_vars = {
var _$body = $('body');
var _is_front = _$body.is('.path-frontpage');
var _$corpus_map;
var _$corpus_canvas;
var _$content_container = $('.layout-container>main>.layout-content');
var _$ajaxLinks;
@@ -208,7 +208,8 @@ edlp_vars = {
},
hide(){
this.$container.removeClass('visible');
// TODO: trigger highlighted node remove on corpus map
// trigger highlighted node remove on corpus map
_$corpus_canvas.trigger('audio-node-closed');
}
}
@@ -331,8 +332,8 @@ edlp_vars = {
// |_|
function onCorpusMapReady(e){
console.log('theme : onCorpusReady');
_$corpus_map = $('canvas#corpus-map');
_$corpus_map
_$corpus_canvas = $('canvas#corpus-map');
_$corpus_canvas
.on('corpus-cliked-on-map', function(e) {
console.log('theme : corpus-cliked-on-map');
backToFrontPage();
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+2 -3
View File
@@ -1285,12 +1285,11 @@ body.ajax-loading main[role="main"]:before {
height: 60px;
top: calc(50% - 30px);
left: calc(50% - 30px);
background-color: white;
background-color: rgba(255, 255, 255, 0.5);
background-image: url(../img/edlp-loader-anim.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
border-radius: 30px; }
background-position: center; }
#audio-player {
position: absolute;
sites/all/themes/custom/edlptheme/assets/scripts/main.js
+5 -4
View File
@@ -4,7 +4,7 @@
var _$body = $('body');
var _is_front = _$body.is('.path-frontpage');
var _$corpus_map;
var _$corpus_canvas;
var _$content_container = $('.layout-container>main>.layout-content');
var _$ajaxLinks;
@@ -185,7 +185,8 @@
},
hide(){
this.$container.removeClass('visible');
// TODO: trigger highlighted node remove on corpus map
// trigger highlighted node remove on corpus map
_$corpus_canvas.trigger('audio-node-closed');
}
}
@@ -308,8 +309,8 @@
// |_|
function onCorpusMapReady(e){
console.log('theme : onCorpusReady');
_$corpus_map = $('canvas#corpus-map');
_$corpus_map
_$corpus_canvas = $('canvas#corpus-map');
_$corpus_canvas
.on('corpus-cliked-on-map', function(e) {
console.log('theme : corpus-cliked-on-map');
backToFrontPage();
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+13 -6
View File
@@ -21,7 +21,6 @@
animation: rotation 2s infinite linear;
}
@mixin entrie-micro-square {
display:inline-block;
$s:8px;
@@ -50,12 +49,15 @@
}
// header
.layout-container{
pointer-events: none;
}
// _ _
// | |_ ___ __ _ __| |___ _ _
// | ' \/ -_) _` / _` / -_) '_|
// |_||_\___\__,_\__,_\___|_|
header[role="banner"]{
position: relative;
padding:0 0 0.5em 0;
@@ -143,7 +145,11 @@ header[role="banner"]{
}
}
// main
// _
// _ __ __ _(_)_ _
// | ' \/ _` | | ' \
// |_|_|_\__,_|_|_||_|
main[role="main"]{
.layout-content{
pointer-events: none;
@@ -203,12 +209,13 @@ main[role="main"]{
$s:60px;
width:$s; height:$s;
top:calc(50% - #{$s/2}); left:calc(50% - #{$s/2});
background-color: white;
// padding:1em;
background-color: rgba(255,255,255, 0.5);
background-image: url(../img/edlp-loader-anim.svg);
background-size: 50%;
background-repeat: no-repeat;
background-position: center;
border-radius: $s/2;
// border-radius: $s/2;
}
}
}