chore: update styling

telerik · Sep 20, 2024 · eba291a · eba291a
1 parent 86daf73
commit eba291a
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/examples-standalone/coffee-warehouse/src/app/components/menu-window/menu-window.component.ts b/examples-standalone/coffee-warehouse/src/app/components/menu-window/menu-window.component.ts
@@ -17,7 +17,7 @@ import { accessibilityIcon, SVGIcon } from '@progress/kendo-svg-icons';
             [width]="400"
             (close)="show = false;"
             [resizable]="false"
-            class="!k-rounded-lg">
+            class="settings-panel !k-rounded-lg">
             <kendo-window-titlebar class="!k-rounded-tl-lg !k-rounded-tr-lg" [style.backgroundColor]="'var(--kendo-color-inverse)'" [style.color]="'var(--kendo-color-on-inverse)'">
                 <span class="k-window-title">Accessibility Settings</span>
                 <button kendoWindowCloseAction></button>

diff --git a/...standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html b/...standalone/coffee-warehouse/src/app/components/settings-list/settings-list.component.html
@@ -1,7 +1,7 @@
 <kendo-combobox
     [data]="disabilitiesData"
     textField="text"
-    valueField="text" class="k-mb-4 !k-w-full"></kendo-combobox>
+    valueField="text" class="k-mb-4 !k-w-full" placeholder="Write or select type of disability"></kendo-combobox>
 
 <kendo-expansionpanel title="Accessibility settings" [(expanded)]="settingsExpanded">
     <form class="k-form k-form-md">

diff --git a/examples-standalone/coffee-warehouse/src/styles/main.scss b/examples-standalone/coffee-warehouse/src/styles/main.scss
@@ -2,6 +2,12 @@
 @import './typography';
 @import './common';
 
+@import 'https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap';
+
+app-root {
+    --kendo-font-family: 'Roboto', sans-serif;
+}
+
 //Grid
 .customer-photo {
     display: inline-block;
@@ -130,7 +136,7 @@ kendo-recurrence-frequency-editor .k-edit-field {
 }
 
 // Header
-.appbar-button-group.k-button-group >.k-button {
+.appbar-button-group.k-button-group > .k-button {
     border-start-end-radius: 0;
     border-end-end-radius: 0;
     border-start-start-radius: 0;
@@ -141,10 +147,17 @@ kendo-recurrence-frequency-editor .k-edit-field {
     color: var(--kendo-color-base-on-surface);
 }
 
-.k-window {
+.settings-panel.k-window {
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--kendo-color-base-on-surface);
     --kendo-border-radius-md: var(--kendo-border-radius-lg);
 }
 
-.k-window .k-expander {
+.settings-panel .k-expander {
     border-radius: var(--kendo-border-radius-lg);
+}
+
+.settings-panel {
+    --kendo-color-border: var(--kendo-color-subtle);
 }