Fix #896. Tidied styling of notes (attached to action and free-standing project notes) so that basic Textile markup shows up and looks attractive. You can now use *bold*, _italics_, ordered lists (#), unordered lists (*), and H1 (h1.) and H2 (h2.) headers can all be used, along with Textile links.

This commit is contained in:
bsag 2009-05-17 14:13:52 +01:00
parent 5de81825ca
commit e26949e8f6
2 changed files with 36 additions and 14 deletions

View file

@ -1,7 +1,7 @@
<% note = notes -%>
<div id="<%= dom_id(note, 'container') %>">
<h2><%= link_to("Note #{note.id}", note_path(note), :title => "Show note #{note.id}" ) %></h2>
<div id="<%= dom_id(note) %>">
<div class="project_notes" id="<%= dom_id(note) %>">
<%= sanitize(markdown(auto_link(note.body))) %>
<div class="note_footer">

View file

@ -13,10 +13,7 @@ table {
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
@ -401,26 +398,46 @@ input.item-checkbox {
/* The notes which may be attached to an item */
.todo_notes {
margin: 5px;
padding: 3px;
padding: 5px;
border: 1px solid #F5ED59;
background: #FAF6AE;
color: #666666;
}
.todo_notes p, .todo_notes li {
padding: 1px;
margin: 0px;
font-size: 12px;
.todo_notes p, .todo_notes ul, .todo_notes ol,
.project_notes p, .project_notes ul, .project_notes ol {
margin: 10px 0px;
font-size: 1em;
}
.todo_notes ul, .note_wrapper ul {
.todo_notes ul, .note_wrapper ul,
.project_notes ul, .project_notes ul {
list-style-type: disc;
margin-left:20px;
margin-left: 15px;
}
.todo_notes ol {
.todo_notes ol, .project_notes ol {
list-style-type: decimal;
margin-left:20px;
margin-left: 15px;
}
.todo_notes ol li, .todo_notes ul li,
.project_notes ol li, .project_notes ul li {
margin-left: 20px;
}
.todo_notes h1, .project_notes h1 {
font-size: 1.5em;
font-weight: bold;
margin: 10px 0px;
}
.todo_notes h2, .project_notes h2 {
font-size: 1.2em;
font-style: italic;
margin: 10px 0px !important;
padding: 0px !important;
background-color: transparent !important;
}
/* The notes for the project */
@ -449,6 +466,11 @@ div.note_footer a, div.note_footer a:hover {
background-color: transparent;
}
/* For the detailed notes view */
.project_notes {
padding: 5px;
}
div.add_note_link {
margin-top:12px;
float: right;