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

some minor UI improvements on news

Browse Source
This commit is contained in:
Michael Q Larson
2015-03-03 14:35:35 -08:00
parent 6ac780e836
commit 260c25a482
3 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/main.less
View File

@ -748,6 +748,11 @@ iframe.iphone {
padding-bottom: 5px;
}
.big-ion-up-arrow {
font-size: 45px;
margin-top: -10px;
}
//uncomment this to see the dimensions of all elements outlined in red
//* {
// border-color: red;

5
views/post/index.jade
View File

@ -2,6 +2,7 @@ extends ../layout
block content
script.
var challengeName = 'Camper News';
.panel.text-center
h1 Camper News
.panel.panel-info
.panel-heading.text-center Camper News
.panel-body.hug-top
include ./posts

19
views/post/posts.jade
View File

@ -17,7 +17,24 @@ h3
var linkedName = getLinkedName(data[i].headline);
var rank = data[i].rank;
$(li).html("<div class='row text-center'><div class='col-xs-3 text-right'><i class='ion-arrow-up-b'></i></div><div class='col-xs-6'><a href='/stories/" + linkedName + "'>" + data[i].headline + "</a></div><div class='col-xs-3'></div></div><div class='row text-center'><div class='col-xs-3 text-right'>" + rank + "</div><div class='col-xs-6'>" + data[i].author.username + "</div><div class='col-xs-3'></div></div></li>");
$(li).html("<div class='row text-center'>" +
"<div class='col-xs-3 text-right big-ion-up-arrow'>" +
"<i class='ion-arrow-up-b'></i>" +
"</div>" +
"<div class='col-xs-6'>" +
"<a href='/stories/" + linkedName + "'>"
+ data[i].headline +
"</a>" +
"</div>" +
"<div class='col-xs-3'>" +
"</div>" +
"</div>" +
"<div class='row text-center'>" +
"<div class='col-xs-3 text-right'>" + rank + "</div>" +
"<div class='col-xs-6'>" + data[i].author.username + "</div>" +
"<div class='col-xs-3'></div>" +
"</div>" +
"</li>");
$(li).appendTo($('#story-list'));
}
});