gitlabhq/app/assets/stylesheets/sections/notes.scss

234 lines
3.6 KiB
SCSS
Raw Normal View History

2012-02-26 23:41:53 +01:00
/**
* Notes
*
*/
#notes-list,
2012-09-13 19:55:57 +02:00
#new-notes-list {
2011-11-12 12:04:43 +01:00
display:block;
list-style:none;
margin:0px;
padding:0px;
}
#new-notes-list:not(.reversed) {
border-top:1px solid #aaa;
}
#new-notes-list.reversed {
border-bottom:1px solid #ccc;
2012-02-27 18:05:27 +01:00
}
2012-07-20 02:09:19 +02:00
.issue_notes,
.wiki_notes {
2011-11-12 12:04:43 +01:00
.note_content {
float:left;
width:400px;
}
}
/* Note textare */
#note_note {
height:80px;
width:99%;
2011-11-12 12:04:43 +01:00
font-size:14px;
}
#new_note {
.note-text {
2012-09-01 22:35:04 +02:00
height:40px;
2011-11-12 12:04:43 +01:00
}
.attach_holder {
display:none;
}
}
.preview_note {
margin: 2px;
border: 1px solid #ddd;
padding: 10px;
min-height: 60px;
background:#f5f5f5;
}
.note {
padding: 8px 0;
2012-07-29 00:34:51 +02:00
overflow: hidden;
display: block;
img {float: left; margin-right: 10px;}
.note-author cite{font-style: italic;}
p { color:$style_color; }
.note-author { color: $style_color;}
2012-08-18 23:08:20 +02:00
.note-title { margin-left:45px; padding-top: 5px;}
.avatar {
2012-07-29 00:34:51 +02:00
margin-top:3px;
}
.delete-note {
display:none;
2012-07-29 00:34:51 +02:00
float:right;
}
&:hover {
2012-07-29 00:34:51 +02:00
.delete-note { display:block; }
}
}
#notes-list:not(.reversed) .note,
#new-notes-list:not(.reversed) .note {
border-bottom: 1px solid #eee;
}
#notes-list.reversed .note,
#new-notes-list.reversed .note {
border-top: 1px solid #eee;
}
2011-11-27 14:12:48 +01:00
2012-09-13 02:12:44 +02:00
.notes-status {
margin: 18px;
}
2011-12-28 00:29:53 +01:00
p.notify_controls input{
margin: 5px;
}
p.notify_controls span{
font-weight: 700;
}
2012-02-06 01:15:45 +01:00
tr.line_notes_row {
2012-02-06 01:15:45 +01:00
border-bottom:1px solid #DDD;
2012-07-10 19:15:33 +02:00
border-left: 7px solid #2A79A3;
&.reply {
background:#eee;
2012-07-10 19:15:33 +02:00
border-left: 7px solid #2A79A3;
border-top:1px solid #ddd;
td {
padding:7px 10px;
}
a.line_note_reply_link {
@include round-borders-all(4px);
2012-07-10 19:15:33 +02:00
padding: 3px 10px;
margin-left:5px;
color: white;
2012-07-10 19:15:33 +02:00
background: #2A79A3;
border-color: #2A79A3;
}
}
ul {
2012-02-06 01:15:45 +01:00
margin:0;
li {
2012-02-06 01:15:45 +01:00
padding:0;
border:none;
}
}
}
.line_notes_row, .per_line_form { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.per_line_form {
background:#f5f5f5;
2012-04-10 19:06:17 +02:00
border-top:1px solid #eee;
form { margin: 0; }
td {
border-bottom:1px solid #ddd;
}
.note_actions {
2012-07-10 19:15:33 +02:00
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;
}
}
}
2012-07-10 19:15:33 +02:00
}
}
td .line_note_link {
position:absolute;
margin-left:-70px;
margin-top:-10px;
z-index:10;
background: url("comment_add.png") no-repeat left 0;
width:32px;
height:32px;
opacity: 0.0;
filter: alpha(opacity=0);
&:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
}
.diff_file_content tr.line_holder:hover > td { background: $hover !important; }
.diff_file_content tr.line_holder:hover > td .line_note_link {
opacity: 1.0;
filter: alpha(opacity=100);
}
2012-06-13 19:02:30 +02:00
.new_note {
.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;
2012-08-09 05:36:55 +02:00
padding-right: 15px;
}
}
2012-08-09 05:36:55 +02:00
.attachments {
2012-06-13 19:02:30 +02:00
position:relative;
width: 350px;
height: 50px;
2012-06-13 19:02:30 +02:00
overflow:hidden;
margin:0 0 5px !important;
2012-08-09 05:36:55 +02:00
.input_file {
2012-08-09 05:36:55 +02:00
.file_upload {
position: absolute;
right:14px;
top:7px;
}
.file_name {
line-height:30px;
width:240px;
height:28px;
overflow:hidden;
}
.input-file {
2012-08-09 05:36:55 +02:00
width: 260px;
height: 41px;
float: right;
}
}
2012-06-13 19:02:30 +02:00
}
}
2012-09-01 22:35:04 +02:00
.note-text {
2012-09-01 22:35:04 +02:00
border: 1px solid #aaa;
box-shadow:none;
}