various CSS and template tweaks

This commit is contained in:
Sacha Greif 2015-07-17 16:17:26 +09:00
parent 715716f64d
commit 3f6be9e15b
7 changed files with 27 additions and 24 deletions

View file

@ -1,6 +1,6 @@
<template name="afPostThumbnail">
{{#if embedlyKeyExists}}
<div class="post-thumbnail-container" style="{{style}}">
<div class="post-thumbnail-container">
<img src="{{this.value}}" class="post-thumbnail-preview" style="{{style}}"/>
<div class="post-thumbnail-loading">{{>spinner}}</div>
</div>

View file

@ -63,7 +63,7 @@ Template.afPostThumbnail.helpers({
style: function () {
var thumbnailWidth = Settings.get('thumbnailWidth', 200);
var thumbnailHeight = Settings.get('thumbnailHeight', 125);
return "width: "+thumbnailWidth+"px; height: "+thumbnailHeight+"px;";
return "max-width: "+thumbnailWidth+"px; max-height: "+thumbnailHeight+"px;";
},
embedlyKeyExists: function () {
// haven't found a better way to do this yet…

View file

@ -88,9 +88,12 @@ $small-break: 600px;
.post-thumbnail-container{
position: relative;
margin-bottom: 10px;
}
.post-thumbnail-preview{
background: #eee;
background: #eee;
width: 100%;
}
.post-thumbnail-loading{

View file

@ -15,13 +15,15 @@
}
.top-nav{
.pages-menu{
a{
font-weight: normal;
margin-right: 20px;
&:last-of-type{
margin: 0;
}
}
.desktop-nav{
.pages-menu{
a{
font-weight: normal;
margin-right: 20px;
&:last-of-type{
margin: 0;
}
}
}
}
}

View file

@ -1,11 +1,10 @@
<template name="post_edit">
<div class="grid grid-module">
{{> quickForm collection="Posts" doc=post id="editPostForm" template="bootstrap3-horizontal" label-class="control-label" input-col-class="controls" type="method-update" meteormethod="editPost" fields=postFields}}
<div class="form-page post-edit">
<div class="grid grid-module">
{{> quickForm collection="Posts" doc=post id="editPostForm" template="bootstrap3-horizontal" label-class="control-label" input-col-class="controls" type="method-update" meteormethod="editPost" fields=postFields}}
</div>
<div class="grid grid-module">
<a class="delete-link" href="/">{{_ "delete_post"}}</a>
</div>
</div>
<div class="grid grid-module">
<a class="delete-link" href="/">{{_ "delete_post"}}</a>
</div>
</template>

View file

@ -1,7 +1,7 @@
<template name="post_submit">
<div class="grid grid-module">
{{> quickForm collection="Posts" id="submitPostForm" template="bootstrap3-horizontal" input-col-class="controls" type="method" meteormethod="submitPost" fields=postFields}}
<div class="form-page post-submit">
<div class="grid grid-module">
{{> quickForm collection="Posts" id="submitPostForm" template="bootstrap3-horizontal" input-col-class="controls" type="method" meteormethod="submitPost" fields=postFields}}
</div>
</div>
</template>

View file

@ -31,7 +31,6 @@ $mobile-header-height: 50px;
.logo{
@include small{
@include vcenter;
font-size: 24px;
white-space: nowrap;
a{