/** * Notes */ ul.notes { display: block; list-style: none; margin: 0px; padding: 0px; .discussion-header, .note-header { @extend .cgray; padding-top: 5px; padding-bottom: 15px; .avatar { float: left; margin-right: 10px; } .discussion-last-update, .note-last-update { font-style: italic; } .note-author { color: $style_color; font-weight: bold; &:hover { color: $primary_color; } } } .discussion { padding: 8px 0; overflow: hidden; display: block; position:relative; .discussion-body { margin-left: 50px; .diff_file, .discussion-hidden, .notes { @extend .borders; background-color: #F9F9F9; } .diff_file .notes { /* reset */ background: inherit; border: none; @include box-shadow(none); } .discussion-hidden .note { @extend .cgray; padding: 8px; text-align: center; } .notes .note { border-color: #ddd; padding: 8px; } .reply-btn { margin-top: 8px; } } } .note { padding: 8px 0; overflow: hidden; display: block; position:relative; p { color: $style_color; } .avatar { margin-top:3px; } .note-body { margin-left:45px; padding-top: 5px; } .note-header { padding-bottom: 5px; } } // paint top or bottom borders depending on notes direction &:not(.reversed) .note, &:not(.reversed) .discussion { border-bottom: 1px solid #eee; } &.reversed .note, &.reversed .discussion { border-top: 1px solid #eee; } } .diff_file .notes_holder { font-family: $sansFontFamily; font-size: 13px; line-height: 18px; td { border: 1px solid #ddd; border-left: none; &.notes_line { text-align: center; padding: 10px 0; } &.notes_content { background-color: $white; border-width: 1px 0; padding-top: 0; } } .reply-btn { margin-top: 8px; } } /** * Discussion/Note Actions */ .discussion, .note { &.note:hover { .note-actions { display: block; } } .discussion-header:hover { .discussion-actions { display: block; } } .discussion-actions, .note-actions { display: none; float: right; [class^="icon-"], [class*="icon-"] { font-size: 16px; line-height: 16px; vertical-align: middle; } a { @extend .cgray; &:hover { color: $primary_color; &.danger { @extend .cred; } } } } } .diff_file .note .note-actions { right: 0; top: 0; } // TODO: start cleaup .issue_notes, .wiki_notes { .note_content { float: left; width: 400px; } } /* for loading indicator */ .notes-status { margin: 18px; } p.notify_controls input{ margin: 5px; } p.notify_controls span{ font-weight: 700; } // TODO: end cleaup /** * add line note button on the side of diffs */ .diff_file tr.line_holder { .add-diff-note { background: url("diff_note_add.png") no-repeat left 0; height: 22px; margin-left: -65px; position: absolute; width: 22px; z-index: 10; // "hide" it by default opacity: 0.0; filter: alpha(opacity=0); &:hover { opacity: 1.0; filter: alpha(opacity=100); } } // "show" the icon also if we just hover somwhere over the line &:hover > td { background: $hover !important; .add-diff-note { opacity: 1.0; filter: alpha(opacity=100); } } } /** * Note Forms */ .comment-btn, .reply-btn { @extend .save-btn; } .new_discussion_note { // hide it by default display: none; margin: 8px 5px 8px 0; // TODO: start cleanup .note_actions { margin:0; padding-top: 10px; .buttons { float:left; width:300px; } .options { .labels { float:left; padding-left:10px; label { padding: 6px 0; margin: 0; width:120px; } } } } // TODO: end cleanup } .new_note { textarea { height:80px; width:99%; font-size:14px; } // TODO: start cleanup .attach_holder { display:none; } .attachments { position: relative; width: 350px; height: 50px; overflow: hidden; margin:0 0 5px !important; .input_file { .file_name { line-height: 30px; width: 240px; height: 28px; overflow: hidden; } .file_upload { position: absolute; right:14px; top:7px; } .input-file { width: 260px; height: 41px; float: right; } } } .input-file { font: 500px monospace; opacity:0; filter: alpha(opacity=0); position: absolute; z-index: 1; top:0; right:0; padding:0; margin: 0; } .note_advanced_opts { h6 { line-height: 32px; padding-right: 15px; } } .note-text { border: 1px solid #aaa; box-shadow:none; } // TODO: end cleanup } // hide the new discussion note form template .note-forms { .new_discussion_note { display: none; } } .preview_note { margin: 2px; border: 1px solid #ddd; padding: 10px; min-height: 60px; background:#f5f5f5; }