binda 0.1.1 → 0.1.2

data/app/assets/javascripts/binda/dist/binda.bundle.js

@@ -195,6 +195,95 @@ function setupSelect2(target) {
 /* 4 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FieldSettingChoices; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__form_item_editor__ = __webpack_require__(0);
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/**
+ * FORM ITEM CHOICE
+ */
+
+
+
+var FieldSettingChoices = function () {
+	function FieldSettingChoices() {
+		_classCallCheck(this, FieldSettingChoices);
+
+		this.target = '.field-setting-choices--choice';
+	}
+
+	_createClass(FieldSettingChoices, [{
+		key: 'isSet',
+		value: function isSet() {
+			if ($(this.target).length > 0) {
+				return true;
+			} else {
+				return false;
+			}
+		}
+	}, {
+		key: 'setEvents',
+		value: function setEvents() {
+			$(document).on('click', '.field-setting-choices--add-choice', addChoice);
+
+			$(document).on('click', '.field-setting-choices--delete-choice', deleteChoice);
+			$(document).on('click', '.field-setting-choices--js-delete-choice', function (event) {
+				event.preventDefault();
+				$(this).closest('.field-setting-choices--choice').remove();
+				// Update form item editor size
+				__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
+			});
+		}
+	}]);
+
+	return FieldSettingChoices;
+}();
+
+var _FieldSettingChoices = new FieldSettingChoices();
+
+/**
+ * HELPER FUNCTIONS
+ */
+
+function addChoice(event) {
+	event.preventDefault();
+	// Clone the new choice field
+	var choices_id = $(this).data('choices-id');
+	var choices = $('#' + choices_id);
+	var newchoice = choices.find('.field-setting-choices--new-choice');
+	var clone = newchoice.clone().removeClass('field-setting-choices--new-choice').toggle();
+	clone.find('.field-setting-choices--toggle-choice').toggle();
+	// Append the clone right after
+	choices.prepend(clone);
+	// Update form item editor size
+	__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
+}
+
+function deleteChoice(event) {
+	event.preventDefault();
+
+	var choice = $(this).closest('.field-setting-choices--choice');
+	var destination = $(this).attr('href');
+	var self = this;
+
+	$.ajax({
+		url: destination,
+		type: 'DELETE',
+		success: function success() {
+			choice.remove();
+			// Update form item editor size
+			__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
+		}
+	});
+}
+
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FileUpload; });
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -386,7 +475,7 @@ function setup_video_preview(data, id) {
 }
 
 /***/ }),
-/* 5 */
+/* 6 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -512,94 +601,6 @@ function collapseToggle(event) {
 	}
 }
 
-/***/ }),
-/* 6 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _FormItemChoice; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__form_item_editor__ = __webpack_require__(0);
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-/**
- * FORM ITEM CHOICE
- */
-
-
-
-var FormItemChoice = function () {
-	function FormItemChoice() {
-		_classCallCheck(this, FormItemChoice);
-
-		this.target = '.form-item--choice';
-	}
-
-	_createClass(FormItemChoice, [{
-		key: 'isSet',
-		value: function isSet() {
-			if ($(this.target).length > 0) {
-				return true;
-			} else {
-				return false;
-			}
-		}
-	}, {
-		key: 'setEvents',
-		value: function setEvents() {
-			$(document).on('click', '.form-item--add-choice', addChoice);
-
-			$(document).on('click', '.form-item--delete-choice', deleteChoice);
-			$(document).on('click', '.form-item--js-delete-choice', function (event) {
-				event.preventDefault();
-				$(this).closest('.form-item--choice').remove();
-				// Update form item editor size
-				__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
-			});
-		}
-	}]);
-
-	return FormItemChoice;
-}();
-
-var _FormItemChoice = new FormItemChoice();
-
-/**
- * HELPER FUNCTIONS
- */
-
-function addChoice(event) {
-	event.preventDefault();
-	// Clone the new choice field
-	var choices = $(this).closest('.form-item--choices');
-	var newchoice = choices.find('.form-item--new-choice');
-	var clone = newchoice.clone().removeClass('form-item--new-choice').toggle();
-	clone.find('.form-item--toggle-choice').toggle();
-	// Append the clone right after
-	choices.prepend(clone);
-	// Update form item editor size
-	__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
-}
-
-function deleteChoice(event) {
-	event.preventDefault();
-
-	var choice = $(this).closest('.form-item--choice');
-	var destination = $(this).attr('href');
-	var self = this;
-
-	$.ajax({
-		url: destination,
-		type: 'DELETE',
-		success: function success() {
-			choice.remove();
-			// Update form item editor size
-			__WEBPACK_IMPORTED_MODULE_0__form_item_editor__["a" /* _FormItemEditor */].resize();
-		}
-	});
-}
-
 /***/ }),
 /* 7 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -712,39 +713,42 @@ function addNewItem(event) {
 		// the code contained between the two SPLIT comments
 		var parts = data.split('<!-- SPLIT -->');
 		var newRepeater = parts[1];
+		setupAndAppend(newRepeater, $list);
+	});
+}
 
-		// Append the item
-		$list.prepend(newRepeater);
-		var new_repeater_item = $list.find('.form-item--repeater').get(0);
+function setupAndAppend(newRepeater, $list) {
+	// Append the item
+	$list.prepend(newRepeater);
+	var new_repeater_item = $list.find('.form-item--repeater').get(0);
 
-		// Prepare animation
-		new_repeater_item.style.maxHeight = 0;
+	// Prepare animation
+	new_repeater_item.style.maxHeight = 0;
 
-		// Group fields if sotrable is enabled
-		if ($list.hasClass('sortable--enabled')) {
-			$(new_repeater_item).find('.form-item--repeater-fields').each(function () {
-				this.style.maxHeight = 0 + 'px';
-			});
-		}
+	// Group fields if sotrable is enabled
+	if ($list.hasClass('sortable--enabled')) {
+		$(new_repeater_item).find('.form-item--repeater-fields').each(function () {
+			this.style.maxHeight = 0 + 'px';
+		});
+	}
 
-		// Setup TinyMCE for the newly created item
-		var textarea_editor_id = $list.find('textarea').last('textarea').attr('id');
-		tinyMCE.EditorManager.execCommand('mceAddEditor', true, textarea_editor_id);
+	// Setup TinyMCE for the newly created item
+	var textarea_editor_id = $list.find('textarea').last('textarea').attr('id');
+	tinyMCE.EditorManager.execCommand('mceAddEditor', true, textarea_editor_id);
 
-		// Resize the editor (is it needed with the new configuration?)
-		// _FormItemEditor.resize()
+	// Resize the editor (is it needed with the new configuration?)
+	// _FormItemEditor.resize()
 
-		// Update select input for Select2 plugin
-		__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__select2__["b" /* setupSelect2 */])($list.find('select'));
+	// Update select input for Select2 plugin
+	__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_1__select2__["b" /* setupSelect2 */])($list.find('select'));
 
-		// Refresh Sortable to update the added item with Sortable features
-		$list.sortable('refresh');
+	// Refresh Sortable to update the added item with Sortable features
+	$list.sortable('refresh');
 
-		// Run animation 50ms after previous style declaration (see above) otherwise animation doesn't get triggered
-		setTimeout(function () {
-			new_repeater_item.style.maxHeight = new_repeater_item.scrollHeight + 'px';
-		}, 50);
-	});
+	// Run animation 50ms after previous style declaration (see above) otherwise animation doesn't get triggered
+	setTimeout(function () {
+		new_repeater_item.style.maxHeight = new_repeater_item.scrollHeight + 'px';
+	}, 50);
 }
 
 function deleteRepeter(event) {
@@ -1030,8 +1034,8 @@ var LoginForm = function () {
 			}
 		}
 	}, {
-		key: 'setEvents',
-		value: function setEvents() {
+		key: 'init',
+		value: function init() {
 			this.$form = $('.login--form');
 			this.$questions = $('ol.login--questions > li');
 			this.questionsCount = this.$questions.length;
@@ -1042,6 +1046,12 @@ var LoginForm = function () {
 
 			//disable form autocomplete
 			this.$form.attr('autocomplete', 'off');
+			this.setEvents();
+		}
+	}, {
+		key: 'setEvents',
+		value: function setEvents() {
+			var _this = this;
 
 			var self = this;
 
@@ -1058,17 +1068,19 @@ var LoginForm = function () {
 
 			// show next question
 			this.$nextButton.on('click', function (event) {
+
 				event.preventDefault();
-				self._nextQuestion();
+				_this._nextQuestion();
 			});
 
 			// pressing enter will jump to next question
 			this.$form.on('keydown', function (event) {
+
 				var keyCode = event.keyCode || event.which;
 				// enter
 				if (keyCode === 13) {
 					event.preventDefault();
-					self._nextQuestion();
+					_this._nextQuestion();
 				}
 			});
 		}
@@ -1190,22 +1202,7 @@ var sortableOptions = {
 
 	// Add event to any sortable toggle button
 	// TODO: make this event available to element which aren't standard form repeaters
-	$(document).on('click', '.standard-form--repeater .sortable--toggle', function (event) {
-		event.preventDefault();
-		var id = '#' + $(this).data('repeater-id');
-
-		if ($(id).hasClass('sortable--disabled')) {
-			$(id).sortable('enable');
-			$(id).find('.form-item--repeater-fields').each(close);
-			$(id).find('.form-item--collapsable').addClass('form-item--collapsed');
-		} else {
-			$(id).sortable('disable');
-		}
-
-		$(id).toggleClass('sortable--disabled');
-		$(id).toggleClass('sortable--enabled');
-		$(this).children('.sortable--toggle-text').toggle();
-	});
+	$(document).on('click', '.standard-form--repeater .sortable--toggle', toggleSortable);
 });
 
 function setupSortableToggle() {
@@ -1224,18 +1221,35 @@ function open() {
 	this.style.maxHeight = this.scrollHeight + "px";
 }
 
+function toggleSortable(event) {
+	event.preventDefault();
+	var id = '#' + $(this).data('repeater-id');
+
+	if ($(id).hasClass('sortable--disabled')) {
+		$(id).sortable('enable');
+		$(id).find('.form-item--repeater-fields').each(close);
+		$(id).find('.form-item--collapsable').addClass('form-item--collapsed');
+	} else {
+		$(id).sortable('disable');
+	}
+
+	$(id).toggleClass('sortable--disabled');
+	$(id).toggleClass('sortable--enabled');
+	$(this).children('.sortable--toggle-text').toggle();
+}
+
 /***/ }),
 /* 13 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_form_item__ = __webpack_require__(5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_form_item__ = __webpack_require__(6);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_form_item_repeater__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_form_item_image__ = __webpack_require__(7);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__ = __webpack_require__(6);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_field_setting_choices__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__ = __webpack_require__(0);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_fileupload__ = __webpack_require__(4);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_fileupload__ = __webpack_require__(5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_login_shader__ = __webpack_require__(9);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_login_form__ = __webpack_require__(10);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_sortable__ = __webpack_require__(12);
@@ -1271,8 +1285,8 @@ $(document).ready(function () {
 	if (__WEBPACK_IMPORTED_MODULE_2__components_form_item_image__["a" /* _FormItemImage */].isSet()) {
 		__WEBPACK_IMPORTED_MODULE_2__components_form_item_image__["a" /* _FormItemImage */].setEvents();
 	}
-	if (__WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__["a" /* _FormItemChoice */].isSet()) {
-		__WEBPACK_IMPORTED_MODULE_3__components_form_item_choice__["a" /* _FormItemChoice */].setEvents();
+	if (__WEBPACK_IMPORTED_MODULE_3__components_field_setting_choices__["a" /* _FieldSettingChoices */].isSet()) {
+		__WEBPACK_IMPORTED_MODULE_3__components_field_setting_choices__["a" /* _FieldSettingChoices */].setEvents();
 	}
 	if (__WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__["a" /* _FormItemEditor */].isSet()) {
 		__WEBPACK_IMPORTED_MODULE_4__components_form_item_editor__["a" /* _FormItemEditor */].setEvents();
@@ -1281,7 +1295,7 @@ $(document).ready(function () {
 		__WEBPACK_IMPORTED_MODULE_5__components_fileupload__["a" /* _FileUpload */].setEvents();
 	}
 	if (__WEBPACK_IMPORTED_MODULE_7__components_login_form__["a" /* _LoginForm */].isSet()) {
-		__WEBPACK_IMPORTED_MODULE_7__components_login_form__["a" /* _LoginForm */].setEvents();
+		__WEBPACK_IMPORTED_MODULE_7__components_login_form__["a" /* _LoginForm */].init();
 	}
 	if (__WEBPACK_IMPORTED_MODULE_6__components_login_shader__["a" /* _Shader */].isSet()) {
 		__WEBPACK_IMPORTED_MODULE_6__components_login_shader__["a" /* _Shader */].setup();

data/app/assets/javascripts/binda/index.js

@@ -2,29 +2,29 @@
 /// INDEX OF BINDA'S SCRIPTS
 ///- - - - - - - - - - - - - - - - - - - -
 
-import { _FormItem }         from './components/form_item'
-import { _FormItemRepeater } from './components/form_item_repeater'
-import { _FormItemImage }    from './components/form_item_image'
-import { _FormItemChoice }   from './components/form_item_choice'
-import { _FormItemEditor }   from './components/form_item_editor'
-import { _FileUpload }       from './components/fileupload'
-import { _Shader }           from './components/login-shader'
-import { _LoginForm }        from './components/login_form'
-import setupSortable         from './components/sortable'
-import setupFieldGroupEditor from './components/field_group_editor'
-import setupBootstrap        from './components/bootstrap'
-import setupSelect2          from './components/select2'
-import setupRadioToggle      from './components/radio-toggle'
+import { _FormItem }                 from './components/form_item'
+import { _FormItemRepeater }         from './components/form_item_repeater'
+import { _FormItemImage }            from './components/form_item_image'
+import { _FieldSettingChoices }      from './components/field_setting_choices'
+import { _FormItemEditor }           from './components/form_item_editor'
+import { _FileUpload }               from './components/fileupload'
+import { _Shader }                   from './components/login-shader'
+import { _LoginForm }                from './components/login_form'
+import setupSortable                 from './components/sortable'
+import setupFieldGroupEditor         from './components/field_group_editor'
+import setupBootstrap                from './components/bootstrap'
+import setupSelect2                  from './components/select2'
+import setupRadioToggle              from './components/radio-toggle'
 
 $(document).ready( function()
 {
-	if ( _FormItem.isSet() )         { _FormItem.setEvents() }
-	if ( _FormItemRepeater.isSet() ) { _FormItemRepeater.setEvents() }
-	if ( _FormItemImage.isSet() )    { _FormItemImage.setEvents() }
-	if ( _FormItemChoice.isSet() )   { _FormItemChoice.setEvents() }
-	if ( _FormItemEditor.isSet() )   { _FormItemEditor.setEvents() }
-	if ( _FileUpload.isSet() )       { _FileUpload.setEvents() }
-  if ( _LoginForm.isSet() )        { _LoginForm.setEvents() }
+	if ( _FormItem.isSet() )                 { _FormItem.setEvents() }
+	if ( _FormItemRepeater.isSet() )         { _FormItemRepeater.setEvents() }
+	if ( _FormItemImage.isSet() )            { _FormItemImage.setEvents() }
+	if ( _FieldSettingChoices.isSet() )      { _FieldSettingChoices.setEvents() }
+	if ( _FormItemEditor.isSet() )           { _FormItemEditor.setEvents() }
+	if ( _FileUpload.isSet() )               { _FileUpload.setEvents() }
+  if ( _LoginForm.isSet() )                { _LoginForm.init() }
   if ( _Shader.isSet() ) 
   {
 		_Shader.setup()

data/app/assets/stylesheets/binda/components/field_setting_choices.scss

@@ -0,0 +1,90 @@
+.field-setting-choices
+{
+  position: relative;
+  margin: 12px;
+  margin-top: 0;
+  background-color: $color-gray-lightest;
+
+  .form-control
+  {
+    background-color: $color-white;
+  }
+}
+
+.field-setting-choices--header
+{
+  position: relative;
+  padding: 20px 12px 8px;
+  border-top: 1px solid $color-gray-lightest;
+
+  p.control-label
+  {
+    margin: 0;
+  }
+}
+
+.field-setting-choices--add-choice
+{
+  float: right;
+}
+
+.form-item--editor .field-setting-choices--choice
+{
+  position: relative;
+  clear: left;
+
+  .form-group
+  {
+    padding-bottom: 0;
+  }
+
+  &:last-child
+  {
+    margin-bottom: 16px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid $color-gray-lightest;
+  }
+
+  &:last-child .form-group
+  {
+    padding-bottom: 20px;
+  }
+}
+
+.field-setting-choices--new-choice
+{
+  display: none;
+}
+
+.field-setting-choices--choice-label,
+.field-setting-choices--choice-value
+{
+  position: relative;
+  float: left;
+  width: calc(50% - 16px);
+}
+
+.field-setting-choices--delete-choice,
+.field-setting-choices--js-delete-choice
+{
+  position: absolute;
+  top: 30px;
+  right: 16px;
+  transition: color .3s;
+  color: $color-danger;
+
+  &:hover
+  {
+    color: $color-danger-hover;
+  }
+}
+
+.field-setting-choices--new-choice .field-setting-choices--delete-choice
+{
+  display: none;
+}
+
+.field-setting-choices--allow-null
+{
+  border-top: 1px solid $color-gray-lightest;
+}

data/app/assets/stylesheets/binda/components/form_item.scss

@@ -246,54 +246,4 @@ a.form-item--delete-repeater-item
   {
     display: block;
   }
-}
-
-.form-item--choices
-{
-  position: relative;
-}
-
-.form-item--editor .form-item--choice
-{
-  position: relative;
-  clear: left;
-
-
-  &:last-child
-  {
-    margin-bottom: $font-size-base;
-    padding-bottom: $font-size-base/2;
-    border-bottom: 1px solid $color-gray-lightest;
-  }
-}
-
-.form-item--new-choice
-{
-  display: none;
-}
-
-.form-item--choice-label,
-.form-item--choice-value
-{
-  @extend .form-item--half-size;
-}
-
-.form-item--delete-choice,
-.form-item--js-delete-choice
-{
-  position: absolute;
-  top: 32px;
-  right: 0;
-}
-
-.form-item--add-choice
-{
-  position: absolute;
-  top: 0;
-  right: 0;
-}
-
-.form-item--new-choice .form-item--delete-choice
-{
-  display: none;
 }

data/app/assets/stylesheets/binda/components/{form_item_choice.scss → form_item_choices.scss}

@@ -6,15 +6,9 @@
   }
 }
 
-.form-group.allow-null {
-
-  padding-left: 12px;
-  padding-bottom: 0px;
-}
-
 .field_group_field_settings_allow_null {
 
   border-top: none !important;
   padding-bottom: 10px !important;
   padding-top: 10px !important;
-}
+}

data/app/assets/stylesheets/binda/components/main_sortable_table.scss

@@ -0,0 +1,68 @@
+.main-sortable-table {
+  margin-bottom: 48px;
+  border-bottom: 1px solid $color-gray-lighter;
+}
+
+.main-sortable-table--header-row
+{
+  display: flex;
+  border-right: 1px solid $color-gray-darker;
+  border-left: 1px solid $color-gray-darker;
+  background-image: linear-gradient(to right, #333, #424242);
+}
+
+.main-sortable-table--header-title
+{
+  margin-bottom: 0;
+  padding: 6px 12px;
+
+  flex: 1;
+
+  p
+  {
+    margin: 0 !important;
+    color: white;
+  }
+}
+
+.main-sortable-table--row
+{
+  display: flex;
+  transition: box-shadow .3s ease, background .3s ease, transform .3s ease;
+  border-right: 1px solid $color-gray-darker;
+  border-bottom: 1px solid $color-gray-lighter;
+  border-left: 1px solid $color-gray-darker;
+  background: transparent;
+  box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0);
+
+  &:last-child
+  {
+    border-bottom: 1px solid $color-gray-darker;
+  }
+
+  &:hover
+  {
+    background: $color-white;
+  }
+}
+
+.main-sortable-table--row.ui-sortable-handle:hover
+{
+  cursor: move;
+  transform: scale(1.01);
+  border: 1px solid transparent;
+  box-shadow: 0 10px 26px 0 rgba(0, 0, 0, .25);
+}
+
+.main-sortable-table--row-cell
+{
+  display: table-cell;
+  padding: 12px;
+
+  flex: 1;
+  
+  p
+  {
+    margin: 0 !important;
+  }
+}