UI: Completely remove letters capitalization in order to avoid issues in certain locales.

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>

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} {

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 {

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) {

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;
       }
     }
   }

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>

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;

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>

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}}

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;
       }

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) {

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

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;
       }
     }
   }

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;
     }

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;
       }

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);

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;
   }