1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-08-13 17:03:51 -04:00

[ux] remove redundant form styles, editing mode on chatbox

This commit is contained in:
karolinaszczur 2013-09-23 20:54:35 +02:00
parent 018d8f58c4
commit 0adb83877e
3 changed files with 14 additions and 29 deletions

View File

@ -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

View File

@ -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

View File

@ -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;