localized vue login, added language switcher block
This commit is contained in:
@@ -30,10 +30,14 @@ header[role="banner"]{
|
||||
.header-block{
|
||||
min-height: 15px;
|
||||
font-size: 0;
|
||||
&.header-right{
|
||||
text-align: right;
|
||||
}
|
||||
&>*{
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: $base_font_size;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@@ -32,21 +32,29 @@ aside.messages{
|
||||
// |_||_\___\__,_\__,_\___|_|
|
||||
|
||||
header[role="banner"]{
|
||||
padding:0.2em 0 0 0;
|
||||
#block-sitebranding{
|
||||
h1{
|
||||
margin:0;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#block-userlogin{
|
||||
width:8em;
|
||||
overflow: visible;
|
||||
h2{
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
}
|
||||
&>section{
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
width:14em;
|
||||
height:1px;
|
||||
padding:0.01em 1em;
|
||||
// margin:0 0 0 -1em;
|
||||
box-sizing:content-box;
|
||||
transition: all 0.4s ease-in-out;
|
||||
// outline: 1px solid blue;
|
||||
@@ -55,10 +63,62 @@ header[role="banner"]{
|
||||
&:hover{
|
||||
&>section{
|
||||
transition-delay: 0s;
|
||||
height:16em;
|
||||
height:12em;
|
||||
padding:1em 1em;
|
||||
box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-languageswitcher{
|
||||
h2{
|
||||
margin: 0.1em 0 0 0;
|
||||
font-size: 0.756em;
|
||||
font-weight: 400;
|
||||
padding:0.1em 0.4em 0.2em;
|
||||
border-radius: 3px;
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
&>ul.links{
|
||||
// background-color: #fff;
|
||||
overflow: hidden;
|
||||
width:5em;
|
||||
height:1px;
|
||||
padding:0.01em 0;
|
||||
margin:0;
|
||||
box-sizing:content-box;
|
||||
transition: all 0.4s ease-in-out;
|
||||
// outline: 1px solid blue;
|
||||
// transition-delay: 2s;
|
||||
}
|
||||
&:hover{
|
||||
&>ul.links{
|
||||
transition-delay: 0s;
|
||||
height:2em;
|
||||
padding:0.3em 0;
|
||||
// box-shadow: 0 0 10px #ccc;
|
||||
}
|
||||
}
|
||||
li{
|
||||
list-style: none;
|
||||
padding:0;
|
||||
&.is-active{
|
||||
display:none;
|
||||
}
|
||||
a{
|
||||
margin: 0;
|
||||
font-size: 0.756em;
|
||||
font-weight: 400;
|
||||
padding:0.2em 0.4em;
|
||||
border-radius: 3px;
|
||||
background-color: #444;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
Reference in New Issue
Block a user