fix(chat): remove border from message box buttons

telerik · Jan 3, 2022 · 38ba0dc · 38ba0dc
1 parent f728632
commit 38ba0dc
Show file tree

Hide file tree

Showing 6 changed files with 1 addition and 19 deletions.
diff --git a/packages/bootstrap/scss/chat/_variables.scss b/packages/bootstrap/scss/chat/_variables.scss
@@ -75,5 +75,3 @@ $chat-message-box-bg: $input-bg !default;
 $chat-message-box-text: $input-text !default;
 $chat-message-box-border: inherit !default;
 $chat-message-box-focus-shadow: 0 0 40px rgba( $input-text, .1 ) !default;
-
-$chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
diff --git a/packages/classic/scss/chat/_variables.scss b/packages/classic/scss/chat/_variables.scss
@@ -75,5 +75,3 @@ $chat-message-box-bg: $input-bg !default;
 $chat-message-box-text: $input-text !default;
 $chat-message-box-border: inherit !default;
 $chat-message-box-focus-shadow: 0 0 40px rgba( $input-text, .1 ) !default;
-
-$chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
diff --git a/packages/default/scss/chat/_layout.scss b/packages/default/scss/chat/_layout.scss
@@ -288,6 +288,7 @@
         .k-input {}
 
         .k-button {
+            border-width: 0;
             flex-shrink: 0;
 
             svg {
@@ -442,9 +443,6 @@
         }
 
         .k-button {
-            border-color: transparent;
-            color: inherit;
-            background: none;
             flex: none;
         }
 

diff --git a/packages/default/scss/chat/_theme.scss b/packages/default/scss/chat/_theme.scss
@@ -98,14 +98,6 @@
             $chat-toolbar-bg,
             $chat-toolbar-border
         );
-
-        .k-scroll-button {
-            @include fill( $bg: $chat-bg );
-            @include box-shadow( $chat-toolbar-box-scroll-button-shadow );
-        }
-        .k-scroll-button:hover {
-            @include fill( $bg: $chat-bg );
-        }
     }
 
 }
diff --git a/packages/default/scss/chat/_variables.scss b/packages/default/scss/chat/_variables.scss
@@ -75,5 +75,3 @@ $chat-message-box-bg: $input-bg !default;
 $chat-message-box-text: $input-text !default;
 $chat-message-box-border: inherit !default;
 $chat-message-box-focus-shadow: 0 0 40px rgba( $input-text, .1 ) !default;
-
-$chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;
diff --git a/packages/material/scss/chat/_variables.scss b/packages/material/scss/chat/_variables.scss
@@ -75,5 +75,3 @@ $chat-message-box-bg: $component-bg !default;
 $chat-message-box-text: $input-text !default;
 $chat-message-box-border: inherit !default;
 $chat-message-box-focus-shadow: 0 0 40px rgba( $input-text, .1 ) !default;
-
-$chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;