paul
/
plemp-node
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Simplify the plempable header style a bit and make it into a proper h2

This commit is contained in:
Paul van Tilburg 2012-01-16 10:57:37 +01:00
parent 5b3edc5e53
commit 9de0d664de
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plemp.js
View File

@ -130,9 +130,9 @@ app.get('/draggables/:id', function(req, res) {
// Wrap the content in a div with title and comments.
res.send('<div class="draggable" id="' + drag_id + '" ' +
'style="' + default_style + '">' +
'<div class="header"><span class="title">' + title + '</span>' +
'<h2><span class="title">' + title + '</span>' +
'<div class="delete">X</div>' +
'</div>' + content + '<div class="comments"></div>' +
'</h2>' + content + '<div class="comments"></div>' +
'</div>');
});

19
public/stylesheets/style.css
View File

@ -90,34 +90,33 @@ pre {
width: 388px;
}
.draggable .header {
.draggable h2 {
margin: 0px;
padding-bottom: 5px;
font-size: 11px;
}
.draggable .header .title {
width: 100%;
.draggable h2 .title {
margin-right: 30px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
.draggable .header .title .edit {
padding-left: 10px;
color: #ccc;
.draggable h2 .title form input {
font-size: 11px;
font-weight: bold;
}
.draggable .header .delete {
.draggable h2 .delete {
width: auto;
float: right;
padding: 0px 3px;
border: thin solid black;
color: #ccc;
margin-left: 20px;
}
.draggable .header .edit:hover,
.draggable .header .delete:hover {
.draggable h2 .delete:hover {
color: #000;
cursor: pointer;
}