Rename item actions to item actions dropdown

Author: modularcoder

src/_common/items-list/items-list.js

@@ -2,15 +2,15 @@ $(function() {
 	var $itemActions = $(".item-actions");
 
 	$(document).on('click',function(e) {
-		if (!$(e.target).closest('.item-actions').length) {
+		if (!$(e.target).closest('.item-actions-dropdown').length) {
 			$itemActions.removeClass('active');
 		}
 	});
 
 	$('.item-actions-toggle-btn').on('click',function(e){
 		e.preventDefault();
 
-		var $thisActionList = $(this).closest('.item-actions');
+		var $thisActionList = $(this).closest('.item-actions-dropdown');
 
 		$itemActions.not($thisActionList).removeClass('active');
 

src/_common/items-list/items-list.scss

@@ -242,7 +242,7 @@ $item-list-col-shrink: 3 !default;
 	*				     Actions
 	*********************************************/
 
-	.item-col.item-col-actions {
+	.item-col.item-col-actions-dropdown {
 		flex-basis: 30px + $item-list-padding-x;
 		text-align: center;
 		padding-left: 0 !important;
@@ -255,7 +255,7 @@ $item-list-col-shrink: 3 !default;
 		}
 	}
 
-	.item-actions {
+	.item-actions-dropdown {
 		position: relative;
 		font-size: 1.1rem;
 

src/app/items/list/items-list-page.hbs

@@ -125,7 +125,7 @@ items:
 								<span>Published</span>
 							</div>
 						</div>
-						<div class="item-col fixed item-col-actions">
+						<div class="item-col fixed item-col-actions-dropdown">
 
 						</div>
 					</div>
@@ -188,8 +188,8 @@ items:
 									{{this.date}}
 								</div>
 							</div>
-							<div class="item-col fixed item-col-actions">
-								<div class="item-actions">
+							<div class="item-col fixed item-col-actions-dropdown">
+								<div class="item-actions-dropdown">
 									<a class="item-actions-toggle-btn">
 										<span class="inactive">
 											<i class="fa fa-cog"></i>

src/app/items/list/items-list.scss

@@ -130,7 +130,7 @@
 				&.item-col-check,
 				&.item-col-img,
 				&.item-col-title,
-				&.item-col-actions {
+				&.item-col-actions-dropdown {
 					border-bottom: 1px solid $color-divider;
 
 					.item-heading {
@@ -258,7 +258,7 @@
 					}
 				}
 
-				&.item-col-actions {
+				&.item-col-actions-dropdown {
 					border: none;
 					padding-bottom: 0;
 				}