gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Michael Q Larson
2015-03-07 19:03:26 -08:00
parent 790a2d987b
commit c8a9f6f810
3 changed files with 11 additions and 8 deletions
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; font-size: 30px;
} }
.btn-small { .big-text-field {
font-size: 30px; font-size: 30px;
height: 57px;
}
.btn-responsive {
@media (max-width: 768px) { @media (max-width: 768px) {
font-size: 15px; font-size: 15px;
height: 26.5px; height: 26.5px;
padding-top: 1px; padding-top: 1px;
} }
} }
.big-text-field {
font-size: 30px; .field-responsive {
height: 57px;
@media (max-width: 768px) { @media (max-width: 768px) {
font-size: 15px; font-size: 15px;
height: 26.5px; height: 26.5px;

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

@ -3,9 +3,9 @@
div(ng-controller="URLSubmitController") div(ng-controller="URLSubmitController")
form.input-group(name='URLSubmit') 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 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") div(ng-show="URLSubmit.link.$error.url && !URLsubmit.link.$pristine")
alert(type='danger') alert(type='danger')
span.ion-close-circled span.ion-close-circled

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

@ -1,9 +1,9 @@
.col-xs-12 .col-xs-12
.spacer .spacer
.input-group .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 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 .spacer
#story-list #story-list