Further tweaks

Author: swissspidy

includes/Renderer/Stories/Carousel_Renderer.php

@@ -67,7 +67,6 @@ public function load_assets(): void {
 		parent::load_assets();
 
 		$this->assets->register_script_asset( self::SCRIPT_HANDLE, [], false );
-		$this->assets->register_style_asset( self::SCRIPT_HANDLE );
 
 		wp_localize_script(
 			self::SCRIPT_HANDLE,
@@ -103,9 +102,10 @@ class="web-stories-list__inner-wrapper <?php echo esc_attr( 'carousel-' . $this-
 			style="<?php echo esc_attr( $container_styles ); ?>"
 			>
 				<?php
+				$this->maybe_render_archive_link();
+
 				if ( ! $this->context->is_amp() ) {
 					$this->assets->enqueue_script( self::SCRIPT_HANDLE );
-					$this->assets->enqueue_style( self::SCRIPT_HANDLE );
 					?>
 					<div
 					class="web-stories-list__carousel <?php echo esc_attr( $this->get_view_type() ); ?>"
@@ -148,7 +148,6 @@ function () {
 					</amp-carousel>
 					<?php
 				}
-				$this->maybe_render_archive_link();
 				?>
 			</div>
 		</div>

packages/stories-block/src/css/views/carousel.css

@@ -31,15 +31,19 @@
 }
 
 .web-stories-list.is-carousel .web-stories-list__archive-link {
-  position: absolute;
-  right: 0;
-  top: -35px;
+  text-align: right;
+  margin-bottom: 5px;
 }
 
 .web-stories-theme-header-section
   .web-stories-list.is-carousel
   .web-stories-list__archive-link {
-  right: 10px;
+  margin-right: 10px;
+}
+
+.web-stories-list.is-carousel .web-stories-list__carousel:not(.glider) ~ .glider-next,
+.web-stories-list.is-carousel .web-stories-list__carousel:not(.glider) ~ .glider-prev {
+  display: none;
 }
 
 .web-stories-list.is-carousel .glider-next,