fix(chat): remove redundant styles for textbox

telerik · Nov 23, 2021 · 37587e2 · 37587e2
1 parent 6c947d0
commit 37587e2
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 46 deletions.
diff --git a/packages/bootstrap/scss/chat/_variables.scss b/packages/bootstrap/scss/chat/_variables.scss
@@ -32,9 +32,6 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $input-padding-x !default;
-$chat-message-box-padding-y: $input-padding-y !default;
-
 $chat-toolbar-padding-x: $toolbar-padding-x !default;
 $chat-toolbar-padding-y: $toolbar-padding-y !default;
 $chat-toolbar-spacing: $toolbar-spacing !default;
@@ -79,9 +76,4 @@ $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-message-box-button-hover-text: $primary !default;
-
-$chat-toolbar-box-button-hover-text: $primary !default;
-$chat-toolbar-box-button-hover-bg: transparent !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
@@ -32,9 +32,6 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $input-padding-x !default;
-$chat-message-box-padding-y: $input-padding-y !default;
-
 $chat-toolbar-padding-x: $toolbar-padding-x !default;
 $chat-toolbar-padding-y: $toolbar-padding-y !default;
 $chat-toolbar-spacing: $toolbar-spacing !default;
@@ -79,9 +76,4 @@ $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-message-box-button-hover-text: $primary !default;
-
-$chat-toolbar-box-button-hover-text: $primary !default;
-$chat-toolbar-box-button-hover-bg: transparent !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
@@ -268,10 +268,10 @@
     .k-message-box {
         width: 100%;
         height: auto;
-        padding: $chat-message-box-padding-y $chat-message-box-padding-x;
         box-sizing: border-box;
         border-width: 1px 0 0;
         border-style: solid;
+        border-radius: 0;
         flex: none;
         display: flex;
         flex-flow: row nowrap;
@@ -285,9 +285,7 @@
         }
 
         // Input
-        .k-input {
-            padding: 0;
-        }
+        .k-input {}
 
         .k-button {
             padding: 0;

diff --git a/packages/default/scss/chat/_theme.scss b/packages/default/scss/chat/_theme.scss
@@ -86,9 +86,6 @@
         .k-message-box.k-state-focused {
             @include box-shadow( $chat-message-box-focus-shadow );
         }
-        .k-message-box .k-button:hover {
-            @include fill( $chat-message-box-button-hover-text );
-        }
 
     }
 
@@ -102,13 +99,6 @@
             $chat-toolbar-border
         );
 
-        .k-button:hover {
-            @include fill(
-                $chat-toolbar-box-button-hover-text,
-                $chat-toolbar-box-button-hover-bg
-            );
-        }
-
         .k-scroll-button {
             @include fill( $bg: $chat-bg );
             @include box-shadow( $chat-toolbar-box-scroll-button-shadow );

diff --git a/packages/default/scss/chat/_variables.scss b/packages/default/scss/chat/_variables.scss
@@ -32,9 +32,6 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $input-padding-x !default;
-$chat-message-box-padding-y: $input-padding-y !default;
-
 $chat-toolbar-padding-x: $toolbar-padding-x !default;
 $chat-toolbar-padding-y: $toolbar-padding-y !default;
 $chat-toolbar-spacing: $toolbar-spacing !default;
@@ -79,9 +76,4 @@ $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-message-box-button-hover-text: $primary !default;
-
-$chat-toolbar-box-button-hover-text: $primary !default;
-$chat-toolbar-box-button-hover-bg: transparent !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
@@ -32,9 +32,6 @@ $chat-bubble-border-radius-sm: 2px !default;
 $chat-avatar-size: 32px !default;
 $chat-avatar-spacing: $chat-item-spacing-x !default;
 
-$chat-message-box-padding-x: $input-padding-x !default;
-$chat-message-box-padding-y: $input-padding-y !default;
-
 $chat-toolbar-padding-x: $toolbar-padding-x !default;
 $chat-toolbar-padding-y: $toolbar-padding-y !default;
 $chat-toolbar-spacing: $toolbar-spacing !default;
@@ -79,9 +76,4 @@ $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-message-box-button-hover-text: $primary !default;
-
-$chat-toolbar-box-button-hover-text: $primary !default;
-$chat-toolbar-box-button-hover-bg: transparent !default;
-
 $chat-toolbar-box-scroll-button-shadow: 0 0 20px 5px $chat-bg !default;