Minor style and layout changes

This commit is contained in:
Luke Vella 2015-01-15 19:05:38 +01:00
parent 6ad493a079
commit 2f0c8fdeab
8 changed files with 15 additions and 11 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,5 +1,5 @@
angular.module('rallly')
.filter('elapsed', function(){
.filter('elapsed', function($filter){
return function(date){
if (!date) return;
var time = Date.parse(date),
@ -9,7 +9,9 @@ angular.module('rallly')
minutes = Math.floor(seconds / 60),
hours = Math.floor(minutes / 60),
days = Math.floor(hours / 24);
if (days > 1) {
if (days > 30) {
return 'on ' + $filter('date')(date, 'MMMM d');
} else if (days > 1) {
return days + " days ago";
} else if (days == 1) {
return "1 day ago"

View file

@ -2,7 +2,7 @@
background:white;
position: fixed;
top: 50%;
box-shadow: 0 0 5px rgba(black, 0.5);
box-shadow: 0 0 5px rgba(black, 0.1);
left: 50%;
width: 50%;
max-width: 400px;
@ -12,6 +12,7 @@
z-index: 2000;
overflow:hidden;
border-radius: 5px;
border: 1px solid #ddd;
@include transform(translateX(-50%) translateY(-50%));
.rl-modal-message {
padding: 0 20px 20px 20px;
@ -21,6 +22,7 @@
.rl-modal-title {
padding:20px 20px 5px 20px;
font-size: em(18px);
font-weight: bold;
}
.rl-modal-actions {
border-top:1px solid #ddd;
@ -37,6 +39,6 @@
left:0;
width:100%;
height:100%;
background:transparent;
background:rgba(black,0.1);
}

View file

@ -1,6 +1,6 @@
/****** BASIC *******/
$em-base: 16px;
$primary-font: "Source Sans Pro";
$primary-font: "Roboto";
/****** BASIC *******/
/****** COLORS *******/

View file

@ -1,4 +1,4 @@
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,600,700,400italic);
@import "partials/vars";
@import "partials/mixins";
@import "partials/normalize";

View file

@ -23,7 +23,7 @@
</section>
<section class="secondary-section">
<nav class="nav-links">
<a class="nav-link" href="/">New Event</a>
<a class="nav-link" target="_blank" href="/">New Event</a>
<a class="nav-link" href="/about">What is this?</a>
</nav>
</section>