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

corpus node popup done

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-06 13:51:00 +01:00
parent be9ee5fde2
commit 4c3c7c6577
8 changed files with 243 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+82 -23
View File
@@ -1352,12 +1352,12 @@ body.path-productions .layout-content .row {
padding: 0 1em; }
footer {
pointer-events: none;
display: table;
padding: 0 0 0.5em 0; }
footer > .region {
display: table-cell;
white-space: nowrap;
pointer-events: all; }
white-space: nowrap; }
footer .region-footer-left {
text-align: left; }
footer .region-footer-center {
@@ -1371,6 +1371,7 @@ footer {
margin: 0;
padding: 0; }
footer nav.block-menu ul li {
pointer-events: all;
display: inline-block;
position: relative;
list-style: none;
@@ -1400,7 +1401,8 @@ footer {
transform-origin: left bottom;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
white-space: nowrap; }
white-space: nowrap;
pointer-events: all; }
footer .block-language ul li {
margin: 0;
padding: 0;
@@ -1415,26 +1417,28 @@ footer {
font-size: 0.756em; }
footer .block-language ul li.is-active a {
color: red; }
body:not(.path-productions) footer #block-productions {
display: none; }
footer #block-productions ul {
white-space: nowrap; }
footer #block-productions ul li a {
pointer-events: all;
background-color: #fff;
padding-right: 0.4em; }
footer #block-productions ul li a:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border: 1px solid red;
margin-right: 0.5em; }
footer #block-productions ul li a:hover:before {
background-color: red; }
footer #block-productions ul li a.ajax-loading:before {
-webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear; }
footer #block-productions {
pointer-events: none; }
body:not(.path-productions) footer #block-productions {
display: none; }
footer #block-productions ul {
white-space: nowrap; }
footer #block-productions ul li a {
pointer-events: all;
background-color: #fff;
padding-right: 0.4em; }
footer #block-productions ul li a:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border: 1px solid red;
margin-right: 0.5em; }
footer #block-productions ul li a:hover:before {
background-color: red; }
footer #block-productions ul li a.ajax-loading:before {
-webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear; }
@keyframes rotation {
from {
@@ -1444,6 +1448,7 @@ footer {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
footer .block-block-edlp-entrees {
pointer-events: none;
display: inline-block; }
body:not(.path-frontpage) footer .block-block-edlp-entrees {
display: none; }
@@ -1643,3 +1648,57 @@ footer {
height: 200px;
opacity: 1;
pointer-events: auto; }
.node-popup .inner .entrees span {
display: inline-block;
width: 8px;
height: 8px;
background-color: black;
margin-right: 3px; }
.node-popup .inner .entrees span[tid='134'] {
background-color: #2b8f2f; }
.node-popup .inner .entrees span[tid='121'] {
background-color: #3a33b6; }
.node-popup .inner .entrees span[tid='125'] {
background-color: #2c9f57; }
.node-popup .inner .entrees span[tid='119'] {
background-color: #c48978; }
.node-popup .inner .entrees span[tid='132'] {
background-color: #5270bb; }
.node-popup .inner .entrees span[tid='122'] {
background-color: #fb54d3; }
.node-popup .inner .entrees span[tid='129'] {
background-color: #e07483; }
.node-popup .inner .entrees span[tid='120'] {
background-color: #655845; }
.node-popup .inner .entrees span[tid='130'] {
background-color: #7e0868; }
.node-popup .inner .entrees span[tid='118'] {
background-color: #0e7121; }
.node-popup .inner .entrees span[tid='127'] {
background-color: #dabd42; }
.node-popup .inner .entrees span[tid='133'] {
background-color: #0399bb; }
.node-popup .inner .entrees span[tid='128'] {
background-color: #399a1c; }
.node-popup .inner .entrees span[tid='124'] {
background-color: #708540; }
.node-popup .inner .entrees span[tid='116'] {
background-color: #191bff; }
.node-popup .inner .entrees span[tid='117'] {
background-color: #279d84; }
.node-popup .inner .entrees span[tid='131'] {
background-color: #5219ab; }
.node-popup .inner .entrees span[tid='126'] {
background-color: #d49cb6; }
.node-popup .inner .entrees span[tid='123'] {
background-color: #497715; }
.node-popup .inner .title {
margin: 0.3em 0;
font-size: 1.2em;
font-weight: 500; }
.node-popup .inner .description p {
margin: 0;
font-size: 0.75em; }
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+58 -2
View File
@@ -312,13 +312,16 @@ body.path-productions{
}
footer{
pointer-events: none;
// outline: 1px dotted blue;
// text-align: center;
display: table;
padding: 0 0 0.5em 0;
>.region{
display: table-cell;
white-space: nowrap;
pointer-events: all;
// pointer-events: none;
// outline: 1px dotted purple;
// position: relative;
}
@@ -332,6 +335,7 @@ footer{
margin:0;
padding:0;
li{
pointer-events: all;
@include oblique-list;
}
}
@@ -348,6 +352,7 @@ footer{
transform-origin: left bottom;
transform: rotateZ(-45deg);
white-space: nowrap;
pointer-events: all;
li{
margin:0; padding:0;
list-style: none;
@@ -372,6 +377,7 @@ footer{
#block-productions{
pointer-events: none;
body:not(.path-productions) & {display:none}
ul{
@@ -402,7 +408,7 @@ footer{
}
.block-block-edlp-entrees{
pointer-events: none;
body:not(.path-frontpage) & {display:none}
display: inline-block;
@@ -631,3 +637,53 @@ footer{
}
}
// _ _ _ ___
// | \| |___ __| |___ | _ \___ _ __ _ _ _ __
// | .` / _ \/ _` / -_) | _/ _ \ '_ \ || | '_ \
// |_|\_\___/\__,_\___| |_| \___/ .__/\_,_| .__/
// |_| |_|
.node-popup{
.inner{
.entrees{
span{
display:inline-block;
$s:8px;
width:$s; height:$s;
background-color: black;
margin-right: 3px;
&[tid='134']{background-color: $e_col_134;}
&[tid='121']{background-color: $e_col_121;}
&[tid='125']{background-color: $e_col_125;}
&[tid='119']{background-color: $e_col_119;}
&[tid='132']{background-color: $e_col_132;}
&[tid='122']{background-color: $e_col_122;}
&[tid='129']{background-color: $e_col_129;}
&[tid='120']{background-color: $e_col_120;}
&[tid='130']{background-color: $e_col_130;}
&[tid='118']{background-color: $e_col_118;}
&[tid='127']{background-color: $e_col_127;}
&[tid='133']{background-color: $e_col_133;}
&[tid='128']{background-color: $e_col_128;}
&[tid='124']{background-color: $e_col_124;}
&[tid='116']{background-color: $e_col_116;}
&[tid='117']{background-color: $e_col_117;}
&[tid='131']{background-color: $e_col_131;}
&[tid='126']{background-color: $e_col_126;}
&[tid='123']{background-color: $e_col_123;}
}
}
.title{
margin:0.3em 0;
font-size: 1.2em;
font-weight: 500;
}
.description{
p{
margin:0;
font-size: 0.75em;
}
}
}
}