header menus + languages in header, fix #15

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
@@ -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 {
@@ -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;
}
}
}
}
}
// _
// _ __ __ _(_)_ _
@@ -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;
}
}
}
@@ -1,6 +1,6 @@
uuid: 85586498-0023-422f-a6b2-19db835228b3
langcode: en
status: true
status: false
dependencies:
module:
- domain
@@ -12,7 +12,7 @@ dependencies:
id: mainnavigation
theme: edlptheme
region: header
weight: -4
weight: -3
provider: null
plugin: 'system_menu_block:main'
settings:
@@ -0,0 +1,20 @@
uuid: 36a3cd2e-2c2d-4f9c-98d6-5edf13f971aa
langcode: fr
status: true
dependencies:
module:
- language
theme:
- edlptheme
id: selecteurdelangue_2
theme: edlptheme
region: header
weight: -4
provider: null
plugin: 'language_block:language_interface'
settings:
id: 'language_block:language_interface'
label: 'Sélecteur de langue'
provider: language
label_display: '0'
visibility: { }
@@ -58,6 +58,7 @@ module:
migrate_drupal: 0
migrate_plus: 0
migrate_tools: 0
module_missing_message_fixer: 0
node: 0
options: 0
page_cache: 0
@@ -1,3 +1,4 @@
enforce_source_module_tags:
- 'Drupal 6'
- 'Drupal 7'
langcode: fr