marrub
/
snipt
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Working on edit UI.

master
Nick Sergeant 2012-03-08 09:37:24 -05:00
parent 7aa3f07050
commit 674b8376b6
4 changed files with 79 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
media/css/style.css
View File

@ -798,9 +798,6 @@ body.detail section.main div.inner section.snipts article.snipt div.container:af
body.detail section.main div.inner section.snipts article.snipt aside {
margin-right: 0;
}
body.detail section.main div.inner section.snipts article.editing div.container {
width: 100%;
}
body.detail div.rochester-made {
width: 840px;
}
@ -894,6 +891,29 @@ body.api-contest a.aea img {
body.editing header.main, body.editing header.sub {
display: none;
}
body.editing header.fixed-save {
background: white url("/static/images/header-fixed-save.gif") top left repeat;
border-bottom: 1px solid #DDDDDD;
height: 40px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 49;
}
body.editing header.fixed-save div.inner {
float: none;
margin: 0 auto;
padding-top: 6px;
width: 940px;
}
body.editing header.fixed-save div.inner .cancel, body.editing header.fixed-save div.inner .save {
float: right;
margin-left: 10px;
}
body.editing header.fixed-save div.inner .save {
margin-right: 99px;
}
body.editing article.editing {
margin-top: 50px;
}
@ -906,7 +926,6 @@ body.editing article.editing div.container section.code div#editor {
font-weight: normal !important;
margin: 0;
position: relative;
width: 100%;
}
body.editing article.editing div.container section.code div#editor .ace_print_margin {
display: none;
@ -914,3 +933,9 @@ body.editing article.editing div.container section.code div#editor .ace_print_ma
body.editing article.editing div.container:after {
display: none;
}
body.editing article.editing aside div.inner {
padding-left: 10px;
}
body.editing article.editing aside div.inner button {
width: 89px;
}

40
media/css/style.scss
View File

@ -924,11 +924,6 @@ body.detail {
margin-right: 0;
}
}
article.editing {
div.container {
width: 100%;
}
}
}
}
}
@ -1031,6 +1026,31 @@ body.editing {
header.main, header.sub {
display: none;
}
header.fixed-save {
background: #FFF url('/static/images/header-fixed-save.gif') top left repeat;
border-bottom: 1px solid #DDDDDD;
height: 40px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 49;
div.inner {
float: none;
margin: 0 auto;
padding-top: 6px;
width: 940px;
.cancel, .save {
float: right;
margin-left: 10px;
}
.save {
margin-right: 99px;
}
}
}
article.editing {
margin-top: 50px;
@ -1044,7 +1064,6 @@ body.editing {
font-weight: normal !important;
margin: 0;
position: relative;
width: 100%;
.ace_print_margin {
display: none;
@ -1055,5 +1074,14 @@ body.editing {
display: none;
}
}
aside {
div.inner {
padding-left: 10px;
button {
width: 89px;
}
}
}
}
}

BIN
media/images/header-fixed-save.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

16
templates/base.html
View File

@ -309,6 +309,13 @@
</div>
</script>
<script id="edit" type="text/html">
<header class="fixed-save">
<div class="inner group">
<button class="delete btn btn-danger">Delete</button>
<button class="save btn btn-success">Save</button>
<button class="cancel btn btn-secondary">Cancel</button>
</div>
</header>
<div class="inner">
<section class="snipts" id="snipts">
<article id="snipt-<%= snipt.pk %>" class="snipt editing">
@ -325,6 +332,15 @@
<div class="ruler top-x"></div>
<div class="ruler bottom-x"></div>
</div>
<aside>
<div class="inner">
<label>
Public
<input type="checkbox" name="" value="" />
</label>
<textarea>Tags</textarea>
</div>
</aside>
</div>
</article>
</section>