zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-28 11:12:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Made input-area border sizes consistent

Browse source 
Expected:
Border size should be consistent between normal and focus state.

Actual:
Border size changes from 2px normal state to 1px in focus state.

Fix:
Bootstrap uses 2px borders on inputs. It was winning for normal state but not for focus state. Preferred consistent 2px as defined by Bootstrap rather than a forced override.

Bonus:
Stops text inputs shifting around when focused/unfocused.

Signed-off-by: Tanya Gray <tanyagray.nz@gmail.com>
This commit is contained in:
Tanya Gray 2014-05-13 21:58:03 +12:00
parent 9147ecc5b1
commit c137173ca1
2 changed files with 2164 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/assets/css/_base-sass/_forms.scss
View file

@ -29,7 +29,7 @@ legend, .legend{
.input-Area, %input-Area{ .input-Area, %input-Area{
background:#fff; background:#fff;
border:1px solid $c-Border; border:2px solid $c-Border;
font-family:$arial; font-family:$arial;
line-height:1.25; line-height:1.25;
margin-bottom:$spacing*2; margin-bottom:$spacing*2;
@ -37,7 +37,7 @@ legend, .legend{
width:80%; width:80%;
&:focus{ &:focus{
background:$c-Lighter; background:$c-Lighter;
border:1px solid #50B6D5; border:2px solid #50B6D5;
@include box-shadow($bs-2) @include box-shadow($bs-2)
} }
} }

2180
public/assets/css/neo.css
View file

File diff suppressed because one or more lines are too long