Crop and rename the add diff note image

Riyad Preukschas
1 parent 494ae878
Showing 3 changed files with 8 additions and 7 deletions Show diff stats
app/assets/images/comment_add.png
app/assets/images/diff_note_add.png
app/assets/stylesheets/sections/notes.scss
@@ -191,14 +191,14 @@ p.notify_controls span{
  */
 .diff_file tr.line_holder {
   .add-diff-note {
-    position:absolute;
-    margin-left:-70px;
-    margin-top:-10px;
-    z-index:10;
-    background: url("comment_add.png") no-repeat left 0;
-    width:32px;
-    height:32px;
+    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);
  
@@ -208,6 +208,7 @@ p.notify_controls span{
     }
   }
  
+  // "show" the icon also if we just hover somwhere over the line
   &:hover > td {
     background: $hover !important;
...	...	@@ -191,14 +191,14 @@ p.notify_controls span{
191	191	*/
192	192	.diff_file tr.line_holder {
193	193	.add-diff-note {
194		- position:absolute;
195		- margin-left:-70px;
196		- margin-top:-10px;
197		- z-index:10;
198		- background: url("comment_add.png") no-repeat left 0;
199		- width:32px;
200		- height:32px;
	194	+ background: url("diff_note_add.png") no-repeat left 0;
	195	+ height: 22px;
	196	+ margin-left: -65px;
	197	+ position: absolute;
	198	+ width: 22px;
	199	+ z-index: 10;
201	200
	201	+ // "hide" it by default
202	202	opacity: 0.0;
203	203	filter: alpha(opacity=0);
204	204
...	...	@@ -208,6 +208,7 @@ p.notify_controls span{
208	208	}
209	209	}
210	210
	211	+ // "show" the icon also if we just hover somwhere over the line
211	212	&:hover > td {
212	213	background: $hover !important;
213	214
...	...