- aggiornamento con proj RISO. postcss, pwa.

src/components/MyHeader/MyHeader.scss

@@ -7,14 +7,15 @@
   font-weight: 350;
 }
 
-.q-toolbar__title{
+.q-toolbar__title {
   padding: 0 12px;
 }
 
 @media screen and (max-width: 600px) {
-  .q-toolbar__title{
+  .q-toolbar__title {
     padding: 0;
   }
+
   .layout-padding {
     padding: 1.5em .5em;
   }
@@ -157,13 +158,12 @@
 }
 
 select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
   text-indent: 1px;
   text-overflow: '';
 }
 
-.label-success .q-picker-textfield:after, .label-error .q-picker-textfield:after {
+.label-success .q-picker-textfield:after,
+.label-error .q-picker-textfield:after {
   content: "" !important;
 }
 
@@ -218,7 +218,8 @@ canvas {
   min-height: 43px;
 }
 
-.right-itens a, .right-itens button {
+.right-itens a,
+.right-itens button {
   margin-right: 10px;
 }
 
@@ -228,7 +229,7 @@ canvas {
 }
 
 .fa-facebook:before {
-  content: url('../../../public/svg/flag_it.svg');
+  content: url('/svg/flag_it.svg');
 }
 
 .clIconOnline {
@@ -247,14 +248,17 @@ canvas {
 .clCloudUpload {
   transition: all 1s ease-out;
   color: initial;
+
   &.send {
     transition: all 1s ease-in;
     background-color: lightgreen;
   }
+
   &.receive {
     transition: all 1s ease-in;
     background-color: yellow;
   }
+
   &.error {
     transition: all 1s ease-in;
     background-color: red;
@@ -264,14 +268,17 @@ canvas {
 .clIndexeddb {
   transition: all 1s ease-out;
   color: initial;
+
   &.receive {
     transition: all 1s ease-in;
     background-color: yellow;
   }
+
   &.send {
     transition: all 1s ease-in;
     background-color: lightgreen;
   }
+
   &.error {
     transition: all 1s ease-in;
     background-color: red;
@@ -306,7 +313,7 @@ canvas {
   margin-bottom: 5px;
 }
 
-.roundimg  {
+.roundimg {
   border-radius: 50% !important;
   color: red;
   background-color: red;
@@ -316,6 +323,6 @@ canvas {
   font-size: 1rem;
 }
 
-.q-drawer-cart{
+.q-drawer-cart {
   width: 350px !important;
 }

src/components/MyHeader/MyHeader.vue

@@ -9,8 +9,8 @@
     >
       <q-toolbar
         color="primary"
-        :glossy="$q.theme === 'mat'"
-        :inverted="$q.theme === 'ios'"
+        :glossy="!$q.platform.is.ios && !$q.platform.is.android"
+        :inverted="$q.platform.is.ios"
         class="toolbar"
       >
         <q-btn flat dense round @click="clickMenu3Orizz" aria-label="Menu">
@@ -71,7 +71,10 @@
           <q-toggle :icon="'fas fa-moon'" v-model="dark"> </q-toggle>
         </div>
         <div
-          v-if="tools.isLogged() && (isAdmin() || tools.isEditor()|| tools.isGrafico())"
+          v-if="
+            tools.isLogged() &&
+            (isAdmin() || tools.isEditor() || tools.isGrafico())
+          "
           class="text-h7"
         >
           <q-toggle :icon="'fas fa-pencil-alt'" v-model="editOn"> </q-toggle>
@@ -260,7 +263,7 @@
       <CSelectUserActive></CSelectUserActive>
 
       <div v-if="tools.isLogged()" class="text-weight-bold text-cart">
-        {{ $t('ecomm.carrello_di', { user: products.userActive.username }) }}
+        {{ $t("ecomm.carrello_di", { user: products.userActive.username }) }}
       </div>
       <CMyCart v-if="isfinishLoading"></CMyCart>
     </q-drawer>
@@ -288,7 +291,7 @@
               `text-center q-ma-xs boldhigh text-` + getColorText + ` text-h7`
             "
           >
-            {{ t('header.area_personale') }}
+            {{ t("header.area_personale") }}
           </div>
 
           <q-avatar size="80px" class="center_img q-ma-md">
@@ -366,14 +369,14 @@
             </div>
           </div>
           <div v-if="!tools.isLogged()" class="text-user text-italic bg-red">
-            {{ t('user.loggati') }}
+            {{ t("user.loggati") }}
           </div>
 
           <div
             v-if="tools.isLogged() && !tools.isVerified()"
             class="text-verified"
           >
-            {{ t('components.authentication.email_verification.verify_email') }}
+            {{ t("components.authentication.email_verification.verify_email") }}
           </div>
 
           <div v-if="tools.isLogged()" class="text-verified">
@@ -382,7 +385,7 @@
               class="text-user text-italic bg-red"
               v-if="!tools.Verificato()"
             >
-              {{ t('reg.non_verificato') }}
+              {{ t("reg.non_verificato") }}
             </span>
           </div>
 
@@ -396,7 +399,7 @@
               color="primary"
               icon="person"
               :to="`/my/` + getMyUsername()"
-              >{{ t('pages.profile') }}
+              >{{ t("pages.profile") }}
             </q-btn>
 
             <q-btn
@@ -404,7 +407,7 @@
               color="negative"
               icon="exit_to_app"
               @click="logoutHandler"
-              >{{ t('login.esci') }}</q-btn
+              >{{ t("login.esci") }}</q-btn
             >
           </div>
         </div>
@@ -429,5 +432,5 @@
 </script>
 
 <style lang="scss" scoped>
-@import './MyHeader.scss';
+@import "./MyHeader.scss";
 </style>