@miljodirektoratet/md-css 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/formElements/autocomplete/autocomplete.css +2 -0
  3. package/src/formElements/input/input.css +1 -0
  4. package/src/formElements/multiselect/multiselect.css +3 -1
  5. package/src/formElements/select/select.css +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miljodirektoratet/md-css",
3
- "version": "1.0.36",
3
+ "version": "1.0.38",
4
4
  "description": "CSS for Miljødirektoratet",
5
5
  "author": "Miljødirektoratet",
6
6
  "main": "./src/index.css",
package/src/formElements/autocomplete/autocomplete.css CHANGED
@@ -125,6 +125,7 @@
125
125
 
126
126
  .md-autocomplete__help-text--open {
127
127
  padding-top: 0.5em;
128
+ padding-bottom: 0.5em;
128
129
  max-height: 2000px;
129
130
  transition: max-height 0.5s ease-in;
130
131
  }
@@ -133,6 +134,7 @@
133
134
  position: absolute;
134
135
  max-height: 0;
135
136
  overflow: hidden;
137
+ z-index: -1;
136
138
  opacity: 0;
137
139
  transition: max-height 0.5s ease-in-out;
138
140
  width: calc(100% - 4px); /* Full width minus border-width */
package/src/formElements/input/input.css CHANGED
@@ -137,6 +137,7 @@
137
137
  .md-input__error-icon {
138
138
  width: 20px;
139
139
  height: 20px;
140
+ margin-left: 0.5em;
140
141
  color: var(--mdErrorColor);
141
142
  }
142
143
 
package/src/formElements/multiselect/multiselect.css CHANGED
@@ -99,6 +99,7 @@
99
99
 
100
100
  .md-multiselect__help-text--open {
101
101
  padding-top: 0.5em;
102
+ padding-bottom: 0.5em;
102
103
  max-height: 2000px;
103
104
  transition: max-height 0.5s ease-in;
104
105
  }
@@ -109,7 +110,7 @@
109
110
 
110
111
  .md-multiselect__dropdown {
111
112
  position: absolute;
112
- z-index: 99;
113
+ z-index: -1;
113
114
  width: calc(100% - 4px);
114
115
  max-height: 0;
115
116
  overflow: hidden;
@@ -241,6 +242,7 @@
241
242
  .md-multiselect__dropdown--open {
242
243
  max-height: 350px;
243
244
  overflow-y: auto;
245
+ z-index: 2;
244
246
  opacity: 1;
245
247
  border: 2px solid var(--mdPrimaryColor80);
246
248
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
package/src/formElements/select/select.css CHANGED
@@ -103,6 +103,7 @@
103
103
 
104
104
  .md-select__help-text--open {
105
105
  padding-top: 0.5em;
106
+ padding-bottom: 0.5em;
106
107
  max-height: 2000px;
107
108
  transition: max-height 0.5s ease-in;
108
109
  }
@@ -111,6 +112,7 @@
111
112
  position: absolute;
112
113
  max-height: 0;
113
114
  overflow: hidden;
115
+ z-index: -1;
114
116
  opacity: 0;
115
117
  transition: max-height 0.5s ease-in-out;
116
118
  width: calc(100% - 4px); /* Full width minus border-width */