Make tooltip wider to fit the german language

Author: tuxedo-wse

src/ng-app/app/keyboard-backlight/keyboard-backlight.component.html

@@ -33,7 +33,9 @@
 
     <div class="keyboard-backlight-content content" *ngIf="keyboardBacklightCapabilities !== undefined"
         [ngClass]="{'not-available': !this.config.getSettings().keyboardBacklightControlEnabled }"
-        [matTooltip]="!this.config.getSettings().keyboardBacklightControlEnabled ? this.config.keyboardBacklightControlDisabledMessage : ''">
+        [matTooltip]="!this.config.getSettings().keyboardBacklightControlEnabled ? this.config.keyboardBacklightControlDisabledMessage : ''"
+        matTooltipClass="wider-tooltip">
+
         <div *ngIf="keyboardBacklightCapabilities.maxRed > 0 && keyboardBacklightCapabilities.maxGreen > 0 && keyboardBacklightCapabilities.maxBlue > 0">
             <div *ngIf="keyboardBacklightCapabilities.zones >= 1">
                 <mat-grid-list [cols]="9" rowHeight="1227:2709" class="keyboard-color-grid">

src/ng-app/app/keyboard-backlight/keyboard-backlight.component.scss

@@ -45,4 +45,8 @@ content.value {
             stroke:LightGrey;
         }
     }
+}
+
+.wider-tooltip {
+    max-width: 275px !important;
 }

src/ng-app/app/keyboard-backlight/keyboard-backlight.component.ts

@@ -17,7 +17,7 @@
  * along with TUXEDO Control Center.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ConfigService } from '../config.service';
 import { Subscription } from 'rxjs';
 import { TccDBusClientService } from '../tcc-dbus-client.service';
@@ -26,7 +26,8 @@ import { KeyboardBacklightCapabilitiesInterface, KeyboardBacklightColorModes, Ke
 @Component({
     selector: 'app-keyboard-backlight',
     templateUrl: './keyboard-backlight.component.html',
-    styleUrls: ['./keyboard-backlight.component.scss']
+    styleUrls: ['./keyboard-backlight.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class KeyboardBacklightComponent implements OnInit {
     Object = Object;