mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-22 09:12:19 -05:00
[ux] remove redundant form styles, editing mode on chatbox
This commit is contained in:
parent
018d8f58c4
commit
0adb83877e
@ -142,20 +142,14 @@
|
||||
position: relative
|
||||
|
||||
textarea
|
||||
background-color: #fff
|
||||
width: 100%
|
||||
position: relative
|
||||
height: 30px
|
||||
border: 1px solid $grayOutline
|
||||
roundall: 3px
|
||||
line-height: 18px
|
||||
outline: none
|
||||
resize: none
|
||||
color: #222f3b
|
||||
font-size: 14px
|
||||
-webkit-font-smoothing: antialiased
|
||||
-webkit-appearance: none
|
||||
padding: 5px
|
||||
borderbox()
|
||||
background: white
|
||||
|
||||
&.editing
|
||||
background-color: yellow
|
||||
background-color: #fffcea
|
||||
border: 1px solid #efe391
|
||||
color: #d2bd2d
|
||||
|
@ -10,6 +10,8 @@ input[type=text], input[type=email], input[type=search], input[type=password], t
|
||||
color: $baseText
|
||||
borderbox()
|
||||
gotham()
|
||||
-webkit-font-smoothing: antialiased
|
||||
-webkit-appearance: none
|
||||
|
||||
transition: border .2s ease-in 0
|
||||
-webkit-transition: border .2s ease-in 0
|
||||
|
@ -696,30 +696,17 @@ td {
|
||||
position: relative;
|
||||
}
|
||||
.chatBox textarea {
|
||||
background-color: #fff;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 30px;
|
||||
border: 1px solid #e4e4e4;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-khtml-border-radius: 3px;
|
||||
-o-border-radius: 3px;
|
||||
-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
line-height: 18px;
|
||||
outline: none;
|
||||
resize: none;
|
||||
color: #222f3b;
|
||||
font-size: 14px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-appearance: none;
|
||||
padding: 5px;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
}
|
||||
.chatBox textarea.editing {
|
||||
background-color: #ff0;
|
||||
background-color: #fffcea;
|
||||
border: 1px solid #efe391;
|
||||
color: #d2bd2d;
|
||||
}
|
||||
#connectionOverlay {
|
||||
position: fixed;
|
||||
@ -863,6 +850,8 @@ textarea {
|
||||
box-sizing: border-box;
|
||||
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-appearance: none;
|
||||
-webkit-transition: border 0.2s ease-in 0;
|
||||
-o-transition: border 0.2s ease-in 0;
|
||||
transition: border 0.2s ease-in 0;
|
||||
|
Loading…
Reference in New Issue
Block a user