@coorpacademy/components 10.5.7-alpha.11 → 10.5.7-alpha.15

package/es/atom/select/style.css

@@ -78,7 +78,11 @@
 
 .selectOption,
 
-.no-label .selectWrapper,
+.no-label .selectWrapper{
+  min-width: min-content;
+  height: min-content;
+}
+
 .player .selectWrapper {
   min-width: min-content;
   height: min-content;
@@ -233,6 +237,8 @@ div:not(.player) .noLabelCommon.selectSpan {
   border: 1px solid light;
   background: white;
   border-radius: 2px;
+  min-width: min-content;
+  width: 100%;
 }
 
 div.player .noLabelCommon.selectSpan {
@@ -347,6 +353,7 @@ div.player .noLabelCommon.selectSpan {
   margin: 0;
   height: 35px;
   border: 0;
+  width: inherit;
 }
 
 .mooc select {
@@ -465,7 +472,11 @@ div.player .noLabelCommon.selectSpan {
 
 .header {
   composes: mooc;
-  width: auto;
+  /* width: auto; */
+}
+
+.header .selectBox {
+  margin-left: 0;
 }
 
 .default .selectWrapper select.selectBox {
@@ -477,7 +488,20 @@ div.player .noLabelCommon.selectSpan {
   top: 0;
 }
 
-.header select {
+.header .title,
+
+.header .selectWrapper span.selectSpan {
+  min-width: 150px;
+  color: transparent;
+}
+
+.header .selectWrapper select.selectBox {
+  padding-left: 10px;
+  border-radius: 2px;
+  padding-right: 30px;
+}
+
+.header .selectBox {
   background-color: light;
   border: 0;
   font-weight: 700;

package/es/molecule/questions/free-text/style.css

@@ -25,6 +25,10 @@
   color: color(cm_blue_900 a(0.3));
 }
 
+.freeText:-ms-input-placeholder {
+  color: color(cm_blue_900 a(0.3))!important;
+}
+
 .freeText:focus {
   outline: none;
 }

package/lib/atom/select/style.css

@@ -78,7 +78,11 @@
 
 .selectOption,
 
-.no-label .selectWrapper,
+.no-label .selectWrapper{
+  min-width: min-content;
+  height: min-content;
+}
+
 .player .selectWrapper {
   min-width: min-content;
   height: min-content;
@@ -233,6 +237,8 @@ div:not(.player) .noLabelCommon.selectSpan {
   border: 1px solid light;
   background: white;
   border-radius: 2px;
+  min-width: min-content;
+  width: 100%;
 }
 
 div.player .noLabelCommon.selectSpan {
@@ -347,6 +353,7 @@ div.player .noLabelCommon.selectSpan {
   margin: 0;
   height: 35px;
   border: 0;
+  width: inherit;
 }
 
 .mooc select {
@@ -465,7 +472,11 @@ div.player .noLabelCommon.selectSpan {
 
 .header {
   composes: mooc;
-  width: auto;
+  /* width: auto; */
+}
+
+.header .selectBox {
+  margin-left: 0;
 }
 
 .default .selectWrapper select.selectBox {
@@ -477,7 +488,20 @@ div.player .noLabelCommon.selectSpan {
   top: 0;
 }
 
-.header select {
+.header .title,
+
+.header .selectWrapper span.selectSpan {
+  min-width: 150px;
+  color: transparent;
+}
+
+.header .selectWrapper select.selectBox {
+  padding-left: 10px;
+  border-radius: 2px;
+  padding-right: 30px;
+}
+
+.header .selectBox {
   background-color: light;
   border: 0;
   font-weight: 700;

package/lib/molecule/questions/free-text/style.css

@@ -25,6 +25,10 @@
   color: color(cm_blue_900 a(0.3));
 }
 
+.freeText:-ms-input-placeholder {
+  color: color(cm_blue_900 a(0.3))!important;
+}
+
 .freeText:focus {
   outline: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "10.5.7-alpha.11+e3e0df73f",
+  "version": "10.5.7-alpha.15+56761c0e6",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -119,5 +119,5 @@
     "webpack-hot-middleware": "^2.25.0"
   },
   "author": "CoorpAcademy",
-  "gitHead": "e3e0df73f83fbdc265afe410944cd5fe62e137a4"
+  "gitHead": "56761c0e678d8783f499cd12f2a866998e4b3a16"
 }