thusfar

Author: bobmagicii

app/www/share/atlantis/admin/deckmgr.js

@@ -172,8 +172,18 @@ class DeckManager {
 		let row = box.find(`#row-${rid}`);
 		let pin = row.prev();
 
-		if(pin)
-		pin.before(row);
+
+
+		if(pin) {
+			row.addClass('squish');
+			row.addClass('squash');
+
+			row.animate({'opacity':1.0}, 250, function() {
+				(pin)
+				.before(row)
+				.ready(()=> row.removeClass('squash'));
+			});
+		}
 
 		return false;
 	};
@@ -188,8 +198,18 @@ class DeckManager {
 		let row = box.find(`#row-${rid}`);
 		let pin = row.next();
 
-		if(pin)
-		pin.after(row);
+
+
+		if(pin) {
+			row.addClass('squish');
+			row.addClass('squash');
+
+			row.animate({'opacity':1.0}, 250, function() {
+				(pin)
+				.after(row)
+				.ready(()=> row.removeClass('squash'));
+			});
+		}
 
 		return false;
 	};

app/www/themes/default/area/admin/slidedecks/edit-row.phtml

@@ -46,7 +46,7 @@ use Nether\User;
 	</div>
 
 	<div class="col-auto">
-		<button class="btn btn-outline-danger btn-sm py-1" data-deck-editor-row-delete="<?php $Util->Print($Item->UUID) ?>">
+		<button class="btn btn-outline-danger fs-larger btn-sm py-1" data-deck-editor-row-delete="<?php $Util->Print($Item->UUID) ?>">
 			<i class="mdi mdi-delete mr-0"></i>
 		</button>
 	</div>

app/www/themes/default/area/admin/slidedecks/edit.phtml

@@ -32,6 +32,11 @@ $Breadcrumbs = (fn()
 ################################################################################
 ############################################################################# ?>
 
+<style type="text/css">
+.squish { transform-origin: 0 50%; transform: translateX(0%); transition: transform 250ms ease; }
+.squash { transform-origin: 0 50%; transform: translateX(100%); transition: transform 250ms ease; }
+</style>
+
 <div class="container">
 
 	<?php echo $Breadcrumbs(); ?>
@@ -72,7 +77,7 @@ $Breadcrumbs = (fn()
 
 		<hr />
 
-		<div class="hr-hide-last" data-deck-editor>
+		<div class="hr-hide-last" style="overflow:hidden;" data-deck-editor>
 			<?php
 
 			foreach($Deck->GetItems() as $Item)