Fix header of shots/assets list

src/scripts/tutti/00_utils.js

@@ -143,3 +143,16 @@ $(window).on('load resize', function(){
 
     $('.col-scrollable').css({'height': window_height});
 });
+
+
+/* Fix header of items list (like assets or shots */
+function itemsListFixHeader(toClone, toAppend){
+    var target = $(toClone);
+    var target_children = target.children();
+    var clone = target.clone();
+
+    clone.children().width(function(i,val) {
+        return target_children.eq(i).width();
+    });
+    $(toAppend).append(clone);
+}

src/styles/_app_base.sass

@@ -72,6 +72,12 @@ nav.sidebar
 			height: 100%
 			border-bottom: none
 	.table-head
+		&.is-fixed
+			position: fixed
+			top: 42px
+			z-index: 1
+			background-color: white
+
 		.table-cell
 			text-align: center
 

src/templates/attract/assets/for_project.jade

@@ -8,8 +8,9 @@
 		| Assets ({{ assets | count }})
 		a#item-add(href="javascript:asset_create('{{ project.url }}');") + Create Asset
 
-	.item-list.task.col-scrollable
+	.item-list.asset.col-scrollable
 		.table
+			.table-head.is-fixed
 			.table-head
 				.table-row
 					.table-cell.asset-status
@@ -143,4 +144,7 @@ script.
 		$('#shot-list').css({'height': window_height});
 		$('#item-details').css({'height': window_height});
 	});
+
+	itemsListFixHeader('.item-list .table-head .table-row', '.item-list .table-head.is-fixed');
+
 | {% endblock footer_scripts %}

src/templates/attract/shots/for_project.jade

@@ -13,6 +13,7 @@
 
 	.item-list.shot.col-scrollable
 		.table
+			.table-head.is-fixed
 			.table-head
 				.table-row
 					.table-cell.item-status
@@ -135,4 +136,7 @@ script.
 		handleSelector: ".col-splitter",
 		resizeHeight: false
 	});
+
+	itemsListFixHeader('.item-list .table-head .table-row', '.item-list .table-head.is-fixed');
+
 | {% endblock footer_scripts %}