fixed responsive header tools before mobile (hamburgermenu) mode)

This commit is contained in:
2021-03-31 22:00:37 +02:00
parent 7eefa39e10
commit 38b8321d50
6 changed files with 42050 additions and 23 deletions
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; */
} }