nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

a little framer styling

Browse source
This commit is contained in:
Dennis Collinson 2012-03-22 17:39:37 -07:00
parent 775eca0026
commit 010e091f62
4 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/javascripts/app/pages/framer.js
View file

@ -1,8 +1,6 @@
app.pages.Framer = app.views.Base.extend({
templateName : "framer",
id : "post-content",
className : "framer",
events : {
"click button.done" : "saveFrame"
},

9
public/javascripts/app/templates/framer.handlebars
View file

@ -1,5 +1,6 @@
<div class="controls">
<div class='template-picker'></div>
<button class="done btn-primary">done</button>
<div class='template-picker form-inline'></div>
<div id="post-content">
<div class="post-view"></div>
</div>
<div class="post-view"></div>

2
public/javascripts/app/templates/template-picker.handlebars
View file

@ -3,3 +3,5 @@
<option value="{{.}}">{{.}}</option>
{{/each}}
</select>
<button class="done btn-primary">done</button>

12
public/stylesheets/sass/new-templates.scss
View file

@ -226,7 +226,6 @@ $pane-width: 420px;
.photo-fill {
@include background-cover();
z-index : -5000; //so the framer controls don't get lost
position: absolute;
top: 0;
left: 0;
@ -250,7 +249,6 @@ $pane-width: 420px;
}
.rich-media {
z-index : -5000; //so the framer controls don't get lost
position: absolute;
height: 100%;
width: 100%;
@ -800,8 +798,14 @@ text-rendering: optimizelegibility;
width: 100%;
}
#post-content {
button {
.framer { //make this look way more glamourous, just providing structure.
.template-picker {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding : 20px;
background-color: #f0f0f0;
border-top: 1px solid #ccc;
}
}