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

header menus + languages in header, fix #15

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi
2018-03-13 15:20:26 +01:00
parent 583da4fc70
commit ba3e290741
8 changed files with 98 additions and 41 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
+34 -2
View File
@@ -1104,6 +1104,9 @@ header[role="banner"] {
padding: 0.5em 0;
border-bottom: 1px solid red;
height: 70px; }
header[role="banner"] > .wrapper > .region {
height: 100%;
position: relative; }
main[role="main"] {
z-index: 1;
@@ -1160,7 +1163,8 @@ header[role="banner"] {
overflow: hidden; }
#block-mainnavigation {
float: right; }
float: right;
margin-top: 30px; }
#block-mainnavigation ul {
margin: 0;
padding: 0;
@@ -1180,7 +1184,7 @@ header[role="banner"] {
display: inline-block;
width: 0.6em;
height: 0.6em;
border: 1px solid #000;
border: 1px solid red;
margin-right: 0.3em; }
#block-mainnavigation ul li a.ajax-loading:before {
-webkit-animation: rotation 2s infinite linear;
@@ -1205,6 +1209,34 @@ header[role="banner"] {
border-color: red;
background-color: red; }
.block-language {
float: right;
margin-top: 29px;
margin-left: 2em; }
.block-language ul {
margin: 0;
padding: 0; }
.block-language ul li {
display: inline-block;
vertical-align: middle;
list-style: none; }
.block-language ul li a {
font-size: 0.690em;
color: inherit;
text-decoration: none;
text-transform: capitalize;
margin-left: 0.8em; }
.block-language ul li a:before {
content: "";
display: inline-block;
width: 0.6em;
height: 0.6em;
border: 1px solid red;
margin-right: 0.3em; }
.block-language ul li.is-active a:before, .block-language ul li:hover a:before {
border-color: red;
background-color: red; }
main[role="main"] .layout-content {
pointer-events: none; }
main[role="main"] .layout-content .row {
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+36 -37
View File
@@ -79,47 +79,12 @@ header[role="banner"]{
text-indent: 500px;
overflow: hidden;
}
// font-size: 1.5em;
// text-transform: lowercase;
// a{
// $col_w:3.74em;
// $col_gap:2em;
// line-height: 0.93;
// text-align: center;
// color: inherit;
// text-decoration: none;
// display: inline-block;
// columns:$col_w 2;
// column-gap: $col_gap;
// word-break:break-all;
// hyphens:auto;
// position: relative;
// &:after, &:before{
// content: '';
// position: absolute;
// top:50%;
// height:0;
// }
// &:before{
// left:$col_w;
// border-bottom:0.08em solid #000;
// width:2.5em;
// transform: rotateZ(-45deg);
// }
// &:after{
// $w:0.5em;
// top:47%;
// left:($col_w+$col_gap/2);
// border-top:0.2em solid red;
// width:$w;
// transform: rotateZ(45deg);
// }
// }
}
}
#block-mainnavigation{
float:right;
margin-top: 30px;
ul{
margin:0; padding: 0;
white-space: nowrap;
@@ -137,7 +102,7 @@ header[role="banner"]{
display:inline-block;
$sq:0.6em;
width: $sq; height:$sq;
border: 1px solid #000;
border: 1px solid red;
margin-right: 0.3em;
}
&.ajax-loading:before{
@@ -153,6 +118,40 @@ header[role="banner"]{
}
}
.block-language{
float: right;
margin-top: 29px;
margin-left: 2em;
ul{
margin:0; padding:0;
li{
display: inline-block; vertical-align: middle;
list-style: none;
a{
font-size: 0.690em;
color:inherit;
text-decoration: none;
text-transform: capitalize;
margin-left: 0.8em;
&:before{
content: "";
display:inline-block;
$sq:0.6em;
width: $sq; height:$sq;
border: 1px solid red;
margin-right: 0.3em;
}
}
&.is-active,
&:hover{
a:before{
border-color: red;
background-color: red;
}
}
}
}
}
// _
// _ __ __ _(_)_ _
sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss
+4
View File
@@ -29,6 +29,10 @@ header[role="banner"]{
border-bottom: 1px solid red;
// TODO: what header height to fit well with player ??
height:70px;
>.region{
height:100%;
position: relative;
}
}
}