From 26dd20afff42e419fd2267ed0fd4219367e971e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 29 Aug 2019 10:06:31 +0200
Subject: [PATCH] MOBILE-3068 feedback: Fix range error format

---
 src/addon/mod/feedback/pages/form/form.html |  2 +-
 src/app/app.scss                            | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/addon/mod/feedback/pages/form/form.html b/src/addon/mod/feedback/pages/form/form.html
index 2725d3525..9bf4f4d1a 100644
--- a/src/addon/mod/feedback/pages/form/form.html
+++ b/src/addon/mod/feedback/pages/form/form.html
@@ -30,7 +30,7 @@
                                 </ng-container>
                                 <ng-container *ngSwitchCase="'numeric'">
                                     <ion-input [required]="item.required" name="{{item.typ}}_{{item.id}}" type="number" [(ngModel)]="item.value"></ion-input>
-                                    <p *ngIf="item.hasError" color="error">{{ 'addon.mod_feedback.numberoutofrange' | translate }} [{{item.rangefrom}}<span *ngIf="item.rangefrom && item.rangeto">, </span>{{item.rangeto}}]</p>
+                                    <p *ngIf="item.hasError" ion-text color="danger">{{ 'addon.mod_feedback.numberoutofrange' | translate }} [{{item.rangefrom}}<span *ngIf="item.rangefrom && item.rangeto">, </span>{{item.rangeto}}]</p>
                                 </ng-container>
                                 <ng-container *ngSwitchCase="'textarea'">
                                     <ion-textarea [required]="item.required" name="{{item.typ}}_{{item.id}}" [attr.aria-multiline]="true" [(ngModel)]="item.value"></ion-textarea>
diff --git a/src/app/app.scss b/src/app/app.scss
index 811d7724c..594dccfe3 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -718,15 +718,21 @@ ion-app.app-root {
     .core-#{$color-name}-item.item-input {
       border-bottom: 0 !important;
 
-      &.item-md .item-inner {
+      &.item-md .item-inner,
+      &.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
+      &.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
         @include md-input-highlight($color-base);
       }
 
-      &.item-ios .item-inner {
+      &.item-ios .item-inner,
+      &.item-ios.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
+      &.item-ios.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
         @include ios-input-highlight($color-base);
       }
 
-      &.item-wp .item-inner {
+      &.item-wp .text-input,
+      &.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
+      &.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
         border-color: $color-base;
       }
     }