@useblu/ocean-core 1.25.0 → 1.26.2

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.26.2](https://github.com/ocean-ds/ocean-web/compare/v1.26.1...v1.26.2) (2022-01-24)
+
+### Bug Fixes
+
+- scroll modal mobile ([#889](https://github.com/ocean-ds/ocean-web/issues/889)) ([4bb34f7](https://github.com/ocean-ds/ocean-web/commit/4bb34f7e3b72892f5d4b84c64b94d39a113189f5))
+
+## [1.26.1](https://github.com/ocean-ds/ocean-web/compare/v1.26.0...v1.26.1) (2022-01-18)
+
+**Note:** Version bump only for package @useblu/ocean-core
+
+# [1.26.0](https://github.com/ocean-ds/ocean-web/compare/v1.25.2...v1.26.0) (2021-12-17)
+
+### Features
+
+- new component topbar ([#863](https://github.com/ocean-ds/ocean-web/issues/863)) ([4fd2beb](https://github.com/ocean-ds/ocean-web/commit/4fd2beb1d6fe0f556f11a0876ac1e37d6f2ae4fa))
+
+## [1.25.1](https://github.com/ocean-ds/ocean-web/compare/v1.25.0...v1.25.1) (2021-11-16)
+
+**Note:** Version bump only for package @useblu/ocean-core
+
 # [1.25.0](https://github.com/ocean-ds/ocean-web/compare/v1.24.0...v1.25.0) (2021-11-05)
 
 ### Bug Fixes

package/ocean.css

@@ -2184,6 +2184,7 @@
 }
 .ods-progress__primary svg {
   display: block;
+  stroke-width: 8px;
 }
 .ods-progress__primary svg circle {
   stroke: rgba(255, 255, 255, 0.4);
@@ -2202,6 +2203,7 @@
   stroke: white;
   stroke-dasharray: 80px, 200px;
   stroke-dashoffset: 0;
+  stroke-width: 8px;
 }
 .ods-progress--md {
   height: 24px;
@@ -2315,6 +2317,7 @@
 @media (max-width: 767.98px) {
   .ods-modal__content--after-open {
     max-height: 80%;
+    overflow: auto;
     top: auto;
   }
 }
@@ -2528,4 +2531,68 @@
 .ods-search__clean svg {
   color: #393b47;
 }
+
+.ods-topbar {
+  align-items: center;
+  display: grid;
+  flex-wrap: wrap;
+  font-family: "Avenir";
+  font-size: 20px;
+  grid-template-columns: 3rem auto 3rem;
+  padding: 10px 5px;
+  width: 100%;
+}
+.ods-topbar-scroll-bar {
+  box-shadow: 0 4px 8px rgba(12, 13, 20, 0.08);
+}
+.ods-topbar-light {
+  color: #fff;
+}
+.ods-topbar-light .ods-topbar-title span {
+  color: #fff;
+}
+.ods-topbar-default {
+  color: #0025e0;
+}
+.ods-topbar-default .ods-topbar-title {
+  padding-top: 0;
+}
+.ods-topbar-default .ods-topbar-title span {
+  color: #67697a;
+}
+.ods-topbar-extend {
+  display: flex;
+  grid-template-columns: 50% 50% auto;
+}
+.ods-topbar-extend .ods-topbar-title {
+  padding-top: 4rem;
+}
+.ods-topbar-extend .ods-topbar-search {
+  width: 50%;
+}
+.ods-topbar-prev {
+  line-height: 0;
+  width: 50%;
+}
+.ods-topbar-prev svg {
+  cursor: pointer;
+}
+.ods-topbar-title {
+  font-weight: 800;
+  line-height: 1.1;
+  width: 100%;
+}
+.ods-topbar-title span {
+  color: #67697a;
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+}
+.ods-topbar-search {
+  line-height: 0;
+  text-align: right;
+}
+.ods-topbar-search svg {
+  cursor: pointer;
+}
 /*# sourceMappingURL=ocean.css.map */