fixed responsive header tools before mobile (hamburgermenu) mode)
This commit is contained in:
parent
7eefa39e10
commit
38b8321d50
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -49,9 +49,9 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs{
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
|
|
||||||
@mixin col-mediaquery-min-max($i) {
|
@mixin col-mediaquery-min-max($min, $max) {
|
||||||
$bp: ($column_width + $column_goutiere) * $i + 1px;
|
$bp: ($column_width + $column_goutiere) * $min + 1px;
|
||||||
$upbp: ($column_width + $column_goutiere) * ($i + 1);
|
$upbp: ($column_width + $column_goutiere) * ($max);
|
||||||
@media (min-width: $bp) and (max-width: $upbp) {
|
@media (min-width: $bp) and (max-width: $upbp) {
|
||||||
@content;
|
@content;
|
||||||
}
|
}
|
||||||
|
|
|
@ -215,9 +215,9 @@ header[role="banner"]{
|
||||||
@extend %header-fs;
|
@extend %header-fs;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
span{
|
span{
|
||||||
// @include col-mediaquery-max(5){
|
@include col-mediaquery-min-max(3,5){
|
||||||
// display:none;
|
display:none;
|
||||||
// }
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mdi-logout::before {
|
.mdi-logout::before {
|
||||||
|
@ -238,9 +238,9 @@ header[role="banner"]{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
&:before{padding-right: 0.2em;}
|
&:before{padding-right: 0.2em;}
|
||||||
span{
|
span{
|
||||||
// @include col-mediaquery-max(5){
|
@include col-mediaquery-min-max(3,5){
|
||||||
// display:none;
|
display:none;
|
||||||
// }
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul{
|
ul{
|
||||||
|
@ -355,8 +355,8 @@ header[role="banner"]{
|
||||||
|
|
||||||
// menu
|
// menu
|
||||||
#block-header{
|
#block-header{
|
||||||
margin-right: 1em;
|
margin-right: 0.5em;
|
||||||
padding-left: 1em;
|
padding-left: 0.5em;
|
||||||
border-left: 1px solid #000;
|
border-left: 1px solid #000;
|
||||||
#block-header-menu{
|
#block-header-menu{
|
||||||
display:none;
|
display:none;
|
||||||
|
@ -378,7 +378,7 @@ header[role="banner"]{
|
||||||
li{
|
li{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
&:not(:first-of-type){
|
&:not(:first-of-type){
|
||||||
margin-left: 0.5em;
|
margin-left: 0.3em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,7 +6,7 @@ import axios from 'axios'
|
||||||
// console.log('window.location.origin', window.location.origin)
|
// console.log('window.location.origin', window.location.origin)
|
||||||
|
|
||||||
export const REST = axios.create({
|
export const REST = axios.create({
|
||||||
baseURL: '//' + window.location.host,
|
baseURL: window.location.origin + '/' + drupalSettings.path.pathPrefix,
|
||||||
withCredentials: true,
|
withCredentials: true,
|
||||||
headers: {
|
headers: {
|
||||||
// Authorization: 'Bearer {token}',
|
// Authorization: 'Bearer {token}',
|
||||||
|
|
|
@ -56,7 +56,7 @@ export default {
|
||||||
|
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
#user-tools{
|
#user-tools{
|
||||||
margin-right:0.5em;
|
margin-right:0.2em;
|
||||||
/* padding-right:0.5em; */
|
/* padding-right:0.5em; */
|
||||||
/* border-right:1px solid #222; */
|
/* border-right:1px solid #222; */
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue