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({ app.pages.Framer = app.views.Base.extend({
templateName : "framer", templateName : "framer",
className : "framer",
id : "post-content",
events : { events : {
"click button.done" : "saveFrame" "click button.done" : "saveFrame"
}, },

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

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

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

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