From bbc01ee2c9e8a233fb41ffc4b65226376ce96931 Mon Sep 17 00:00:00 2001
From: Matteias Collet <matteias.collet@bluewin.ch>
Date: Sun, 28 Jun 2020 18:18:44 +0200
Subject: [PATCH] change background color of stage loader route

---
 .../components/GroupSelectComponent.vue         | 17 ++++++++++-------
 docs/.vuepress/components/StageLoader.vue       |  8 +++++---
 docs/.vuepress/config.js                        |  1 +
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/docs/.vuepress/components/GroupSelectComponent.vue b/docs/.vuepress/components/GroupSelectComponent.vue
index 85abb70..9013e58 100644
--- a/docs/.vuepress/components/GroupSelectComponent.vue
+++ b/docs/.vuepress/components/GroupSelectComponent.vue
@@ -1,13 +1,16 @@
 <template>
   <div class="select-wrapper">
     <select @change="onValueChanged" autocomplete="off">
-      <option v-if="placeholder != null" value="placeholder" selected disabled>{{ placeholder }}</option>
+      <option v-if="placeholder != null" value="placeholder" selected disabled>{{
+        placeholder
+      }}</option>
       <optgroup v-for="optGroup in optGroups" :label="optGroup.label">
         <option
           v-for="option in optGroup.options"
           :value="option.value"
           :selected="selectedValue && option.value === selectedValue"
-        >{{ option.label }}</option>
+          >{{ option.label }}</option
+        >
       </optgroup>
     </select>
   </div>
@@ -19,19 +22,19 @@ export default {
     selectedValue: { type: String },
     placeholder: { type: String },
     optGroups: { type: Array },
-    onChange: { type: Function }
+    onChange: { type: Function },
   },
   computed: {},
   data() {
     return {
-      generation: 2
+      generation: 2,
     };
   },
   methods: {
     onValueChanged(e) {
       this.onChange(e.target.value);
-    }
-  }
+    },
+  },
 };
 </script>
 
@@ -89,7 +92,7 @@ select optgroup {
   top: 3px;
   width: 40px;
   height: 100%;
-  content: "\25BC";
+  content: '\25BC';
   text-align: center;
   color: white;
   font-size: 14px;
diff --git a/docs/.vuepress/components/StageLoader.vue b/docs/.vuepress/components/StageLoader.vue
index d483a08..017d2b0 100644
--- a/docs/.vuepress/components/StageLoader.vue
+++ b/docs/.vuepress/components/StageLoader.vue
@@ -270,10 +270,12 @@ ul li {
   color: red;
   cursor: pointer;
 }
-</style>
 
-<style>
-.ghost select {
+.level-select >>> .select-wrapper {
+  background-color: #62809e;
+}
+
+.ghost >>> .select-wrapper {
   background-color: orange;
 }
 </style>
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index b43286d..7011dab 100755
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -6,6 +6,7 @@ module.exports = {
   head: [
     ['meta', { name: 'theme-color', content: '#3eaf7c' }],
     ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
+    ['meta', { name: 'Cache-control', content: 'public,max-age=3600' }],
   ],
 
   /**