@woosmap/ui 4.78.0 → 4.80.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.78.0",
+  "version": "4.80.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Demo/MapDemo.js

@@ -218,15 +218,18 @@ storesOverlay.setMap(map);
             if (colorStyle) {
                 styles.push(colorStyle);
             }
-
-            this.map = new window.woosmap.map.Map(MapHTMLElement, {
-                styles,
-                center: {
-                    lat: 51.51,
-                    lng: -0.12,
-                },
-                zoom: 14,
-            });
+            if(!this.map ) {
+                this.map = new window.woosmap.map.Map(MapHTMLElement, {
+                    styles,
+                    center: {
+                        lat: 51.51,
+                        lng: -0.12,
+                    },
+                    zoom: 14,
+                });
+            } else {
+                this.map._style.setMapStyle(styles);
+            }
 
             if (hasStores) {
                 this.storesOverlay.setMap(this.map);

package/src/styles/website/card.styl

@@ -242,12 +242,19 @@
 		border .1rem solid $dark10
 		box-shadow 0 1.5rem 3rem $dark10
 		.title
-			font-size $title5
+			font-size $title5 !important
 			font-weight 500
-			line-height $title6 * 1.4
-			height 9.55rem
+			line-height $title6 * 1.4  !important
 			margin-bottom 2rem
 			-webkit-line-clamp 4
+			height 11.3rem
+		.desc
+			height 15.4rem
+			text-overflow: ellipsis
+			display -webkit-box
+			overflow hidden
+			-webkit-box-orient: vertical
+			-webkit-line-clamp 6
 		.wcard
 			&__header
 				br(0)
@@ -267,7 +274,7 @@
 				padding 0 2rem
 				flex-grow 1
 			&__footer
-				padding 0 2rem 2rem 2rem
+				padding 2rem
 			&__link
 				.btn
 					color $primary
@@ -327,8 +334,8 @@
 			opacity .2
 		.title
 			trans()
-			font-size $title5
-			line-height $title5 * 1.3
+			font-size $title5 !important
+			line-height $title5 * 1.3 !important
 			margin-bottom 1rem
 			display flex
 			align-items center
@@ -376,28 +383,29 @@
 		margin 0 0 6rem 0
 
 @media screen and (max-width 768px)
-	.wcard--featured
-		flex-direction column
-		.title
-			font-size $title5
-			line-height $title5 * 1.3
-		.wcard
-			&__header
-				height 22rem
-				max-width 100%
-			&__content
-				height auto
-				border-top 3rem solid $logo6
-				border-left 0
-				padding 2.3rem
-	.wcard--testimonial
-		width 100%
+	.wcard
+		&--featured
+			flex-direction column
+			.title
+				font-size $title5  !important
+				line-height $title5 * 1.3  !important
+			.wcard
+				&__header
+					height 22rem
+					max-width 100%
+				&__content
+					height auto
+					border-top 3rem solid $logo6
+					border-left 0
+					padding 2.3rem
+		&--small
+			width auto
+			max-width unset
+			margin 0 0 5rem 0
+		&--testimonial
+			width 100%
 
 @media screen and (max-width 580px)
-	.wcard--small
-		width auto
-		max-width unset
-		margin 0 0 5rem 0
 	.wcard--demo
 		&.wcard--small
 			width auto