From 69ec103588136638185f01f77834629cd7fdfd63 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Wed, 7 Oct 2020 11:58:43 +0300
Subject: [PATCH] UI: Completely remove letters capitalization in order to
 avoid issues in certain locales.

---
 .../attribute/attribute-table.component.html           |  4 ++--
 .../home/components/details-panel.component.scss       |  1 -
 .../home/components/filter/filter-text.component.scss  |  1 -
 .../custom-action-pretty-resources-tabs.component.scss |  1 -
 .../widget/lib/gateway/gateway-form.component.scss     |  1 -
 .../home/components/widget/widget.component.html       |  2 +-
 .../src/app/modules/home/menu/side-menu.component.scss |  1 -
 .../dashboard/dashboard-widget-select.component.html   |  4 ++--
 .../dashboard/layout/dashboard-layout.component.html   |  2 +-
 .../home/pages/home-links/home-links.component.scss    |  1 -
 .../home/pages/widget/widget-editor.component.scss     |  1 -
 .../home/pages/widget/widget-library.component.html    |  4 ++--
 .../app/modules/login/pages/login/login.component.scss |  1 -
 .../dialog/node-script-test-dialog.component.scss      |  1 -
 .../shared/components/json-form/react/json-form.scss   |  1 -
 ui-ngx/src/app/shared/components/kv-map.component.scss |  1 -
 ui-ngx/src/styles.scss                                 | 10 ----------
 17 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
index 724287eb90..918227fc3e 100644
--- a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
+++ b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
@@ -246,11 +246,11 @@
                            widgetsList.length === 0 &&
                            widgetsBundle"
           fxFlex fxLayoutAlign="center center"
-          style="text-transform: uppercase; display: flex;"
+          style="display: flex;"
           class="mat-headline">widgets-bundle.empty</span>
     <span translate *ngIf="mode === 'widget' && !widgetsBundle"
           fxFlex fxLayoutAlign="center center"
-          style="text-transform: uppercase; display: flex;"
+          style="display: flex;"
           class="mat-headline">widget.select-widgets-bundle</span>
   </div>
 </div>
diff --git a/ui-ngx/src/app/modules/home/components/details-panel.component.scss b/ui-ngx/src/app/modules/home/components/details-panel.component.scss
index bdefe6df37..d53bd7864b 100644
--- a/ui-ngx/src/app/modules/home/components/details-panel.component.scss
+++ b/ui-ngx/src/app/modules/home/components/details-panel.component.scss
@@ -41,7 +41,6 @@
     font-size: 1rem;
     font-weight: 400;
     text-overflow: ellipsis;
-    text-transform: uppercase;
     white-space: nowrap;
 
     @media #{$mat-gt-sm} {
diff --git a/ui-ngx/src/app/modules/home/components/filter/filter-text.component.scss b/ui-ngx/src/app/modules/home/components/filter/filter-text.component.scss
index 84fabbf213..3f232f3ce2 100644
--- a/ui-ngx/src/app/modules/home/components/filter/filter-text.component.scss
+++ b/ui-ngx/src/app/modules/home/components/filter/filter-text.component.scss
@@ -62,7 +62,6 @@
       font-size: 0.9em;
     }
     .tb-filter-complex-operation {
-      text-transform: uppercase;
       font-weight: bold;
     }
     .tb-filter-dynamic-value {
diff --git a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss
index 32d865eaa4..6766f2e978 100644
--- a/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/action/custom-action-pretty-resources-tabs.component.scss
@@ -51,7 +51,6 @@
     label {
       padding: 4px;
       color: #00acc1;
-      text-transform: uppercase;
       background: rgba(220, 220, 220, .35);
       border-radius: 5px;
       &:not(:last-child) {
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-form.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-form.component.scss
index ed84b55a6d..5f21a32c51 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-form.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/gateway-form.component.scss
@@ -30,7 +30,6 @@
         position: relative;
         display: flex;
         height: 40px;
-        text-transform: uppercase;
       }
     }
   }
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget.component.html b/ui-ngx/src/app/modules/home/components/widget/widget.component.html
index 30a30ed95f..3d692305b1 100644
--- a/ui-ngx/src/app/modules/home/components/widget/widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/widget.component.html
@@ -38,7 +38,7 @@
 </div>
 <div class="tb-absolute-fill tb-widget-no-data" *ngIf="displayNoData">
   <span fxLayoutAlign="center center"
-        style="text-transform: uppercase; display: flex;"
+        style="display: flex;"
         class="tb-absolute-fill"
         translate>widget.no-data</span>
 </div>
diff --git a/ui-ngx/src/app/modules/home/menu/side-menu.component.scss b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
index 026eae6935..bd3bf999ca 100644
--- a/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
+++ b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
@@ -32,7 +32,6 @@
   }
 
   a.mat-button {
-    text-transform: uppercase;
     display: flex;
     overflow: hidden;
     line-height: 40px;
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html
index 9379dfa17c..dec6eedd0c 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/dashboard-widget-select.component.html
@@ -74,11 +74,11 @@
     </mat-tab>
   </mat-tab-group>
   <span translate *ngIf="widgetsBundle && !hasWidgetTypes()"
-        style="text-transform: uppercase; display: flex;"
+        style="display: flex;"
         fxLayoutAlign="center center"
         class="mat-headline tb-absolute-fill">widgets-bundle.empty</span>
   <span translate *ngIf="!widgetsBundle"
-        style="text-transform: uppercase; display: flex;"
+        style="display: flex;"
         fxLayoutAlign="center center"
         class="mat-headline tb-absolute-fill">widget.select-widgets-bundle</span>
 </div>
diff --git a/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html
index 8d8171a498..52734e6b4b 100644
--- a/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html
+++ b/ui-ngx/src/app/modules/home/pages/dashboard/layout/dashboard-layout.component.html
@@ -27,7 +27,7 @@
           [ngStyle]="dashboardStyle">
   <section *ngIf="layoutCtx.widgets.isEmpty()" fxLayoutAlign="center center"
            [ngStyle]="{'color': layoutCtx.gridSettings.color}"
-           style="text-transform: uppercase; display: flex; z-index: 1; pointer-events: none;"
+           style="display: flex; z-index: 1; pointer-events: none;"
            class="mat-headline tb-absolute-fill">
     <span *ngIf="!isEdit">
       {{'dashboard.no-widgets' | translate}}
diff --git a/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss
index 8a7118d6d9..83bdb6c118 100644
--- a/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/home-links/home-links.component.scss
@@ -41,7 +41,6 @@
       width: 100%;
       height: 100%;
       max-width: 240px;
-      text-transform: uppercase;
       &:hover {
         border-bottom: none;
       }
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss
index afb804612a..6ae687c691 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-editor.component.scss
@@ -120,7 +120,6 @@ div.tb-editor-area-title-panel {
   label {
     padding: 4px;
     color: #00acc1;
-    text-transform: uppercase;
     background: rgba(220, 220, 220, .35);
     border-radius: 5px;
     &:not(:last-child) {
diff --git a/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html
index d751799ccb..e1df8b4335 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html
+++ b/ui-ngx/src/app/modules/home/pages/widget/widget-library.component.html
@@ -16,7 +16,7 @@
 
 -->
 <section [fxShow]="!(isLoading$ | async) && widgetsData.widgets.length === 0" fxLayoutAlign="center center"
-         style="text-transform: uppercase; display: flex; z-index: 1;"
+         style="display: flex; z-index: 1;"
          class="tb-absolute-fill">
   <button mat-button *ngIf="!isReadOnly" class="tb-add-new-widget" (click)="addWidgetType($event)">
     <mat-icon class="tb-mat-96">add</mat-icon>
@@ -24,7 +24,7 @@
   </button>
   <span translate *ngIf="isReadOnly"
         fxLayoutAlign="center center"
-        style="text-transform: uppercase; display: flex;"
+        style="display: flex;"
         class="mat-headline tb-absolute-fill">widgets-bundle.empty</span>
 </section>
 <tb-dashboard #dashboard
diff --git a/ui-ngx/src/app/modules/login/pages/login/login.component.scss b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
index ddb24b3639..e8e9fc29f2 100644
--- a/ui-ngx/src/app/modules/login/pages/login/login.component.scss
+++ b/ui-ngx/src/app/modules/login/pages/login/login.component.scss
@@ -75,7 +75,6 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        text-transform: uppercase;
       }
     }
   }
diff --git a/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss
index 01efd57308..2681932b3f 100644
--- a/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss
+++ b/ui-ngx/src/app/shared/components/dialog/node-script-test-dialog.component.scss
@@ -77,7 +77,6 @@
     label {
       padding: 4px;
       color: #00acc1;
-      text-transform: uppercase;
       background: rgba(220, 220, 220, .35);
       border-radius: 5px;
     }
diff --git a/ui-ngx/src/app/shared/components/json-form/react/json-form.scss b/ui-ngx/src/app/shared/components/json-form/react/json-form.scss
index a79b9d24d6..ff435f8a3f 100644
--- a/ui-ngx/src/app/shared/components/json-form/react/json-form.scss
+++ b/ui-ngx/src/app/shared/components/json-form/react/json-form.scss
@@ -178,7 +178,6 @@ $previewSize: 100px !default;
       label {
         padding: 4px;
         color: #00acc1;
-        text-transform: uppercase;
         background: rgba(220, 220, 220, .35);
         border-radius: 5px;
       }
diff --git a/ui-ngx/src/app/shared/components/kv-map.component.scss b/ui-ngx/src/app/shared/components/kv-map.component.scss
index a0ef9affc7..203f234c7c 100644
--- a/ui-ngx/src/app/shared/components/kv-map.component.scss
+++ b/ui-ngx/src/app/shared/components/kv-map.component.scss
@@ -19,7 +19,6 @@
       position: relative;
       display: flex;
       height: 40px;
-      text-transform: uppercase;
 
       &.disabled {
         color: rgba(0, 0, 0, .38);
diff --git a/ui-ngx/src/styles.scss b/ui-ngx/src/styles.scss
index b01e7cdaa3..c6c3b3af3a 100644
--- a/ui-ngx/src/styles.scss
+++ b/ui-ngx/src/styles.scss
@@ -331,7 +331,6 @@ pre.tb-highlight {
   font-weight: 400;
   line-height: 18px;
   color: rgba(0, 0, 0, .38);
-  text-transform: uppercase;
 }
 
 .tb-fullscreen {
@@ -482,10 +481,6 @@ mat-label {
     pointer-events: all;
   }
 
-  button:not(.mat-menu-item):not(.mat-sort-header-button) {
-    text-transform: uppercase;
-  }
-
   button.mat-menu-item {
     font-size: 15px;
   }
@@ -965,7 +960,6 @@ mat-label {
     position: relative;
     display: flex;
     height: calc(100% - 60px);
-    text-transform: uppercase;
     text-align: center;
   }
 
@@ -974,10 +968,6 @@ mat-label {
     margin-top: -50px;
   }
 
-  .mat-tab-label {
-    text-transform: uppercase;
-  }
-
   .tb-primary-background {
     background-color: $primary;
   }