@eturnity/eturnity_reusable_components 6.42.1 → 6.42.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.42.1",
+  "version": "6.42.2",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/inputs/select/index.vue

@@ -14,9 +14,11 @@
             labelFontColor || colorMode == 'dark' ? 'white' : 'eturnityGrey'
           "
           :fontSize="fontSize"
-          >{{ label }} <optionalLabel v-if="labelOptional"> ({{ $gettext('Optional') }})</optionalLabel>
-          </input-label
-        >
+          >{{ label }}
+          <optionalLabel v-if="labelOptional">
+            ({{ $gettext('Optional') }})</optionalLabel
+          >
+        </input-label>
         <info-text
           v-if="infoTextMessage"
           :text="infoTextMessage"
@@ -30,6 +32,7 @@
           ref="select"
           @click="toggleDropdown"
           :selectHeight="selectHeight"
+          :selectMinHeight="selectMinHeight"
           :bgColor="
             buttonBgColor || colorMode == 'dark' ? 'transparentBlack1' : 'white'
           "
@@ -162,7 +165,6 @@ const InputLabel = styled('div', labelAttrs)`
 `
 const optionalLabel = styled.span`
   font-weight: 300;
-
 `
 const inputProps = { selectWidth: String, optionWidth: String }
 const Container = styled('div', inputProps)`
@@ -191,6 +193,7 @@ const selectButtonAttrs = {
   hasError: Boolean,
   disabled: Boolean,
   selectHeight: String,
+  selectMinHeight: String,
   isSearchBarVisible: Boolean,
   showBorder: Boolean
 }
@@ -198,11 +201,10 @@ const selectButton = styled('div', selectButtonAttrs)`
   position: relative;
   box-sizing: border-box;
   border-radius: 4px;
-  padding: ${(props) =>
-    props.isSearchBarVisible ? '0' : '0px 0px 0 15px'};
+  padding: ${(props) => (props.isSearchBarVisible ? '0' : '0px 0px 0 15px')};
   text-align: left;
   border-radius: 4px;
-  min-height: 36px;
+  min-height: ${(props) => props.selectMinHeight};
   display: flex;
   align-items: center;
   max-height: ${(props) => props.selectHeight};
@@ -303,9 +305,14 @@ export default {
       default: null
     },
     selectHeight: {
+      type: String,
       required: false,
       default: null
     },
+    selectMinHeight: {
+      required: false,
+      default: '36px'
+    },
     optionWidth: {
       required: false,
       default: null