mirror of
https://github.com/TracksApp/tracks.git
synced 2025-12-16 23:30:12 +01:00
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:
parent
5de81825ca
commit
e26949e8f6
2 changed files with 36 additions and 14 deletions
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue