fix expiring date

fix progress bar value

src/components/todos/SingleTodo/SingleTodo.scss

@@ -219,6 +219,10 @@ $heightdescr: 20px;
 
 .data-item {
   max-width: 78px;
+  @media (max-width: 600px) {
+    max-width: 22px;
+  }
+
   //min-width: 100px;
   //display: flex;
   //visibility: initial;
@@ -231,15 +235,18 @@ $heightdescr: 20px;
   padding-left: 2px;
   padding-right: 0px;
 
-  @media (max-width: 600px) {
-    display: none;
-  }
-
   //height: $heightBtn;
   //line-height: $heightBtn;
 }
 
 
+.data_string {
+  @media (max-width: 600px) {
+    display: none;
+  }
+
+}
+
 .data-item .q-input-target{
   color:red !important;
 }

src/components/todos/SingleTodo/SingleTodo.vue

@@ -36,7 +36,8 @@
         <div v-if="isTodo() && (itemtodo.progress > 0) " class="flex-item progress-item shadow-1">
             <q-linear-progress
                     stripe
-                    :percentage="percentageProgress"
+                    rounded
+                    :value="percentageProgress / 100"
                     class="progrbar-item"
                     :color="colProgress"
             >
@@ -55,8 +56,8 @@
 
 
         <div v-if="itemtodo.enableExpiring" :class="classExpiring">
-            {{getstrDate(itemtodo.expiring_at)}}
-            <q-icon name="event" class="cursor-pointer">
+            <span class="data_string">{{getstrDate(itemtodo.expiring_at)}}</span>
+            <q-icon name="event" class="cursor-pointer" style="padding: 2px;">
                 <q-popup-proxy>
                     <q-date v-model="itemtodo.expiring_at" today-btn/>
                 </q-popup-proxy>

src/components/todos/todo/todo.ts

@@ -340,9 +340,9 @@ export default class Todo extends Vue {
       .then((data) => {
 
         console.log('data', data)
-        if (data !== null) {
-          tools.showNotif(this.$q, data)
-        }
+        // if (data !== null) {
+        //   tools.showNotif(this.$q, data)
+        // }
 
         // empty the field
         if (atfirst) {