diff --git a/assets/css/app.scss b/assets/css/app.scss index ecdcad8..c5abd93 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -1081,3 +1081,29 @@ span.mdi-loading{ animation-iteration-count: infinite; animation-timing-function: linear; } + + + // _ _ _ + // | | ___ __ _ __| (_)_ _ __ _ + // | |__/ _ \/ _` / _` | | ' \/ _` | + // |____\___/\__,_\__,_|_|_||_\__, | + // |___/ + +span.loading{ + @include fontsans; + font-size: 0.756em; + color: $grisfonce; + animation: pulseloading 4s infinite; +} + +@keyframes pulseloading{ + 0% { + opacity: 1; + } + 50%{ + opacity: 0; + } + 100% { + opacity: 1; + } +} diff --git a/assets/css/base/_layout.scss b/assets/css/base/_layout.scss index 4187bd0..8b5e4ac 100644 --- a/assets/css/base/_layout.scss +++ b/assets/css/base/_layout.scss @@ -24,6 +24,7 @@ body{ box-sizing:border-box; } header[role="banner"]{ + z-index:10; flex: 0 0 auto; @extend %layout-element; padding:1em $side-padding 1em $side-padding; diff --git a/src/components/nav/HeaderMenu.vue b/src/components/nav/HeaderMenu.vue index d4a6548..b1817c0 100644 --- a/src/components/nav/HeaderMenu.vue +++ b/src/components/nav/HeaderMenu.vue @@ -1,7 +1,8 @@