1
0
mirror of https://github.com/moparisthebest/kaiwa synced 2024-11-13 13:05:00 -05:00

[ux] fixing input height and focus issues

This commit is contained in:
karolinaszczur 2013-09-18 19:28:42 +02:00
parent cc1a7b7112
commit 002c75448d
3 changed files with 12 additions and 8 deletions

View File

@ -54,7 +54,7 @@ module.exports = {
window.onbeforeunload = function () { window.onbeforeunload = function () {
if (client.sessionStarted) { if (client.sessionStarted) {
client.disconnect(); client.disconnect();
return "End active session?"; //return "End active session?";
} }
}; };

View File

@ -1,7 +1,7 @@
input[type=text], input[type=email], input[type=search], textarea input[type=text], input[type=email], input[type=search], input[type=password], textarea
-webkit-appearance: none -webkit-appearance: none
roundall(3px) roundall(3px)
padding: 10px padding: 0 10px
background: white background: white
border: 1px solid $grayOutline border: 1px solid $grayOutline
font-size: 0.8em font-size: 0.8em
@ -11,8 +11,8 @@ input[type=text], input[type=email], input[type=search], textarea
-webkit-transition: border .2s ease-in 0 -webkit-transition: border .2s ease-in 0
-moz-transition: border .2s ease-in 0 -moz-transition: border .2s ease-in 0
input[type=text], input[type=email], input[type=search] input[type=text], input[type=email], input[type=search], input[type=password]
height: 8px height: 35px
textarea textarea
resize: none resize: none
@ -20,6 +20,7 @@ textarea
input[type=text]:focus, input[type=text]:focus,
input[type=email]:focus, input[type=email]:focus,
input[type=search]:focus, input[type=search]:focus,
input[type=password]:focus,
textarea:focus textarea:focus
outline: none outline: none
border: 1px solid lighten($activeBlue, 50%) border: 1px solid lighten($activeBlue, 50%)

View File

@ -737,6 +737,7 @@ body #menu {
input[type=text], input[type=text],
input[type=email], input[type=email],
input[type=search], input[type=search],
input[type=password],
textarea { textarea {
-webkit-appearance: none; -webkit-appearance: none;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -745,7 +746,7 @@ textarea {
-o-border-radius: 3px; -o-border-radius: 3px;
-border-radius: 3px; -border-radius: 3px;
border-radius: 3px; border-radius: 3px;
padding: 10px; padding: 0 10px;
background: #fff; background: #fff;
border: 1px solid #e4e4e4; border: 1px solid #e4e4e4;
font-size: 0.8em; font-size: 0.8em;
@ -761,8 +762,9 @@ textarea {
} }
input[type=text], input[type=text],
input[type=email], input[type=email],
input[type=search] { input[type=search],
height: 8px; input[type=password] {
height: 35px;
} }
textarea { textarea {
resize: none; resize: none;
@ -770,6 +772,7 @@ textarea {
input[type=text]:focus, input[type=text]:focus,
input[type=email]:focus, input[type=email]:focus,
input[type=search]:focus, input[type=search]:focus,
input[type=password]:focus,
textarea:focus { textarea:focus {
outline: none; outline: none;
border: 1px solid #78daff; border: 1px solid #78daff;