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

production menu, fixes #16

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-13 15:00:54 +01:00
parent ceb9ba6f05
commit 583da4fc70
3 changed files with 30 additions and 20 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
+21 -17
View File
@@ -1128,7 +1128,7 @@ main[role="main"] {
pointer-events: auto; } pointer-events: auto; }
footer[role="contentinfo"] { footer[role="contentinfo"] {
z-index: 1; z-index: 5;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
@@ -1768,28 +1768,31 @@ footer {
footer .block-language ul li.is-active a { footer .block-language ul li.is-active a {
color: red; } color: red; }
footer #block-productions { footer #block-productions {
position: relative;
pointer-events: none; } pointer-events: none; }
body:not(.path-productions) footer #block-productions { body:not(.path-productions) footer #block-productions {
display: none; } display: none; }
footer #block-productions ul { footer #block-productions ul {
margin-left: -3em; margin-left: -3em;
white-space: nowrap; } white-space: nowrap; }
footer #block-productions ul li a { footer #block-productions ul li {
pointer-events: all; height: 200px; }
background-color: #fff; footer #block-productions ul li a {
padding-right: 0.4em; } pointer-events: all;
footer #block-productions ul li a:before { background-color: #fff;
content: ""; padding-right: 0.4em; }
display: inline-block; footer #block-productions ul li a:before {
width: 7px; content: "";
height: 7px; display: inline-block;
border: 1px solid red; width: 7px;
margin-right: 0.5em; } height: 7px;
footer #block-productions ul li a:hover:before { border: 1px solid red;
background-color: red; } margin-right: 0.5em; }
footer #block-productions ul li a.ajax-loading:before { footer #block-productions ul li a:hover:before {
-webkit-animation: rotation 2s infinite linear; background-color: red; }
animation: rotation 2s infinite linear; } footer #block-productions ul li a.ajax-loading:before {
-webkit-animation: rotation 2s infinite linear;
animation: rotation 2s infinite linear; }
@keyframes rotation { @keyframes rotation {
from { from {
@@ -1828,6 +1831,7 @@ footer {
font-size: 0.756em; font-size: 0.756em;
white-space: nowrap; } white-space: nowrap; }
footer .block-block-edlp-entrees ul li span.oblique-wrapper { footer .block-block-edlp-entrees ul li span.oblique-wrapper {
height: 120px;
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
position: relative; position: relative;
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+7 -2
View File
@@ -709,8 +709,9 @@ footer{
>.wrapper{ >.wrapper{
white-space: nowrap; white-space: nowrap;
// height:100%;
>.region{ >.region{
// height:100%;
// display: table-cell; // display: table-cell;
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline;
@@ -793,14 +794,16 @@ footer{
} }
#block-productions{ #block-productions{
position: relative;
pointer-events: none; pointer-events: none;
body:not(.path-productions) & {display:none} body:not(.path-productions) & {display:none}
ul{ ul{
margin-left: -3em; margin-left: -3em;
white-space: nowrap; white-space: nowrap;
li{ li{
height:200px; // this is needed to respect the height of oblique links :(
a{ a{
// outline: 1px solid blue; // outline: 1px solid blue;
pointer-events: all; pointer-events: all;
@@ -832,6 +835,7 @@ footer{
display: inline-block; display: inline-block;
// vertical-align: top; // vertical-align: top;
ul{ ul{
margin:0; margin:0;
white-space: nowrap; white-space: nowrap;
li{ li{
@@ -840,6 +844,7 @@ footer{
white-space: nowrap; white-space: nowrap;
pointer-events: none; pointer-events: none;
span.oblique-wrapper{ span.oblique-wrapper{
height:120px; // this is needed to respect the height of oblique links :(
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
position: relative; position: relative;
sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss
+2 -1
View File
@@ -58,11 +58,12 @@ main[role="main"]{
footer[role="contentinfo"]{ footer[role="contentinfo"]{
// outline: 1px solid pink; // outline: 1px solid pink;
z-index: 1; z-index: 5;
position:fixed; position:fixed;
bottom:0; bottom:0;
box-sizing: content-box; box-sizing: content-box;
width:100%; width:100%;
// min-height:110px;
padding:0.5em 1em; padding:0.5em 1em;
} }