@useblu/ocean-core 1.26.2 → 1.27.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.27.1](https://github.com/ocean-ds/ocean-web/compare/v1.27.0...v1.27.1) (2022-02-11)
+
+### Bug Fixes
+
+- **carosel:** layout adjustments ([#906](https://github.com/ocean-ds/ocean-web/issues/906)) ([c6f258b](https://github.com/ocean-ds/ocean-web/commit/c6f258b74589c4eb448473fcf414111ed265ec28))
+
 ## [1.26.2](https://github.com/ocean-ds/ocean-web/compare/v1.26.1...v1.26.2) (2022-01-24)
 
 ### Bug Fixes

package/ocean.css

@@ -1639,6 +1639,10 @@
   line-height: 1.5;
 }
 
+.ods-carousel.columns-5 .slick-track, .ods-carousel.columns-4 .slick-track, .ods-carousel.columns-3 .slick-track, .ods-carousel.columns-2 .slick-track {
+  gap: 8px;
+}
+
 .slick-slider {
   box-sizing: border-box;
   display: block;
@@ -1651,6 +1655,12 @@
       -ms-user-select: none;
           user-select: none;
 }
+.slick-slider .slick-arrow {
+  display: none !important;
+}
+.slick-slider:hover .slick-arrow {
+  display: block !important;
+}
 
 .slick-list {
   display: block;
@@ -1675,20 +1685,6 @@
   top: 0;
 }
 
-.slick-track > div:not(:first-child) {
-  margin-left: 8px;
-  margin-right: 8px;
-}
-
-.slick-track > div:first-child {
-  margin-left: 4px;
-  margin-right: 8px;
-}
-
-.slick-track > div:last-child {
-  margin-right: 8px;
-}
-
 .slick-slide {
   display: block;
   float: left;
@@ -1696,6 +1692,9 @@
   min-height: 1px;
 }
 
+.slick-arrow {
+  box-shadow: 0 4px 8px rgba(12, 13, 20, 0.08);
+}
 @media (max-width: 767.98px) {
   .slick-arrow {
     display: none !important;
@@ -1714,7 +1713,7 @@
   outline: none;
   padding: 0;
   position: absolute;
-  right: -10px;
+  right: 8px;
   top: 45%;
   transform: translate(0, -50%);
   width: 30px;
@@ -1727,7 +1726,7 @@
   color: #0025e0;
   font-size: 0;
   height: 30px;
-  left: -10px;
+  left: 8px;
   line-height: 0;
   margin-top: -10px;
   outline: none;
@@ -1813,7 +1812,7 @@
   line-height: 0;
   outline: none;
   padding: 5px;
-  width: 20px;
+  width: 8px;
 }
 
 .ods-carousel-dots li button::before {