header menus + languages in header, fix #15
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user