greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add benign class that makes search and submit fields on news right size on mobile

pull/161/head
Michael Q Larson 2015-03-07 19:03:26 -08:00
parent 790a2d987b
commit c8a9f6f810
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/css/main.less
View File

@ -395,17 +395,20 @@ ul {
font-size: 30px;
}
.btn-small {
.big-text-field {
font-size: 30px;
height: 57px;
}
.btn-responsive {
@media (max-width: 768px) {
font-size: 15px;
height: 26.5px;
padding-top: 1px;
}
}
.big-text-field {
font-size: 30px;
height: 57px;
.field-responsive {
@media (max-width: 768px) {
font-size: 15px;
height: 26.5px;

4
views/stories/preliminary-submit.jade
View File

@ -3,9 +3,9 @@
div(ng-controller="URLSubmitController")
form.input-group(name='URLSubmit')
input#story-url.big-text-field.form-control(placeholder='Paste your link here', name='link', type='url', ng-model='possibleURL' autofocus)
input#story-url.big-text-field.field-responsive.form-control(placeholder='Paste your link here', name='link', type='url', ng-model='possibleURL' autofocus)
span.input-group-btn
button#preliminary-story-submit.btn.btn-big.btn-primary(type='button', ng-disabled='URLSubmit.link.$invalid') Submit
button#preliminary-story-submit.btn.btn-big.btn-primary.btn-responsive(type='button', ng-disabled='URLSubmit.link.$invalid') Submit
div(ng-show="URLSubmit.link.$error.url && !URLsubmit.link.$pristine")
alert(type='danger')
span.ion-close-circled

4
views/stories/search-stories.jade
View File

@ -1,9 +1,9 @@
.col-xs-12
.spacer
.input-group
input#searchArea.big-text-field.form-control(type='text', placeholder='Search our stories', autofocus)
input#searchArea.big-text-field.field-responsive.form-control(type='text', placeholder='Search our stories', autofocus)
span.input-group-btn
button#searchbutton.btn.btn-big.btn-primary(type='button') Search
button#searchbutton.btn.btn-big.btn-primary.btn-responsive(type='button') Search
.spacer
#story-list