Fix icon width

README.md

@@ -4,6 +4,7 @@ Tento repozitář obsahuje generické šablony pro widgety v Pobo Page Builder.
 
 Changelog verze:
 
+- [3.4.2](version/3.4.2.md) - Fix `.rc-profit` icon width
 - [3.4.1](version/3.4.0.md) - Extension of variables'
 - [3.4.0](version/3.4.0.md) - Add multi-column widgets'
 - [3.3.0](version/3.3.0.md) - New gallery - PhotoSwipe

package.json

@@ -1,6 +1,6 @@
 {
   "name": "widget-asset",
-  "version": "3.2.2",
+  "version": "3.4.2",
   "description": "Widget asset for Pobo Page Builder",
   "licenses": "BSD-3-Clause",
   "source": "index.html",

src/generic/rc-profit.scss

@@ -4,6 +4,11 @@
   border-radius: var(--pobo-inline-border-radius);
   border: var(--pobo-inline-border);
 
+  &__list-ico-img {
+    max-width: 100%;
+    height: auto;
+  }
+
   &__list-container {
     padding: var(--pobo-profit-list-container-padding);
     margin: var(--pobo-profit-list-container-margin);
@@ -40,12 +45,12 @@
   }
 
   &__list-ico {
-    width: 30px;
+    width: var(--pobo-profit-list-ico-width);
     display: flex;
   }
 
   &__list-content {
-    width: calc(100% - 80px);
+    width: calc(100% - var(--pobo-profit-list-ico-width));
     padding: 0 0 0 20px;
   }
 

src/utils/native-variable.scss

@@ -368,6 +368,7 @@
   --pobo-profit-list-item-box-shadow: none;
   --pobo-profit-list-item-border-radius: none;
   --pobo-profit-list-item-border: none;
+  --pobo-profit-list-ico-width: 30px;
 
   --pobo-profit-list-padding: 10px 30px;
   --pobo-profit-list-margin: 20px 0;

version/3.4.2.md

@@ -0,0 +1,5 @@
+# 3.4.2
+
+## Fixing bugs
+- Fix `.rc-profit` icon width
+- Add native variable for `rc-profit` icon width