moparisthebest/kaiwa
1
0
Fork 0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-08-13 17:03:51 -04:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/css/app/chat.styl
View File

@ -142,20 +142,14 @@
position: relative position: relative
textarea textarea
background-color: #fff
width: 100% width: 100%
position: relative
height: 30px height: 30px
border: 1px solid $grayOutline
roundall: 3px
line-height: 18px line-height: 18px
outline: none
resize: none
color: #222f3b
font-size: 14px
-webkit-font-smoothing: antialiased
-webkit-appearance: none
padding: 5px padding: 5px
borderbox() background: white
&.editing &.editing
background-color: yellow background-color: #fffcea
border: 1px solid #efe391
color: #d2bd2d

2
public/css/app/forms.styl
View File

@ -10,6 +10,8 @@ input[type=text], input[type=email], input[type=search], input[type=password], t
color: $baseText color: $baseText
borderbox() borderbox()
gotham() gotham()
-webkit-font-smoothing: antialiased
-webkit-appearance: none
transition: border .2s ease-in 0 transition: border .2s ease-in 0
-webkit-transition: border .2s ease-in 0 -webkit-transition: border .2s ease-in 0

25
public/css/otalk.css
View File

@ -696,30 +696,17 @@ td {
position: relative; position: relative;
} }
.chatBox textarea { .chatBox textarea {
background-color: #fff;
width: 100%; width: 100%;
position: relative;
height: 30px; 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; line-height: 18px;
outline: none;
resize: none;
color: #222f3b;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
padding: 5px; padding: 5px;
-moz-box-sizing: border-box; background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} }
.chatBox textarea.editing { .chatBox textarea.editing {
background-color: #ff0; background-color: #fffcea;
border: 1px solid #efe391;
color: #d2bd2d;
} }
#connectionOverlay { #connectionOverlay {
position: fixed; position: fixed;
@ -863,6 +850,8 @@ textarea {
box-sizing: border-box; box-sizing: border-box;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif; font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-style: normal; font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-appearance: none;
-webkit-transition: border 0.2s ease-in 0; -webkit-transition: border 0.2s ease-in 0;
-o-transition: border 0.2s ease-in 0; -o-transition: border 0.2s ease-in 0;
transition: border 0.2s ease-in 0; transition: border 0.2s ease-in 0;