@eturnity/eturnity_reusable_components 1.1.52 → 1.1.55

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.1.52",
3
+ "version": "1.1.55",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -59,7 +59,7 @@ const ModalContainer = styled.div`
59
59
  border-radius: 4px;
60
60
  background: white;
61
61
  margin: 0 auto;
62
- overflow: auto;
62
+ overflow: initial;
63
63
  max-width: 95%;
64
64
  max-height: 95%;
65
65
  min-width: 100px;
@@ -192,6 +192,11 @@ const ComponentItem = styled.td`
192
192
  background-clip: content-box;
193
193
  padding: 8px 0 7px 0 !important;
194
194
 
195
+ @supports (-webkit-appearance: none) {
196
+ /* Safari Only CSS here */
197
+ padding: 8px 0 10px 0 !important;
198
+ }
199
+
195
200
  span {
196
201
  padding-left: 15px;
197
202
  }
@@ -225,6 +230,11 @@ const ArrowContainer = styled.td`
225
230
  padding: 8px 0 7px 0 !important;
226
231
  border-radius: 0 4px 4px 0;
227
232
 
233
+ @supports (-webkit-appearance: none) {
234
+ /* Safari Only CSS here */
235
+ padding: 8px 0 10px 0 !important;
236
+ }
237
+
228
238
  .arrow-dropdown {
229
239
  vertical-align: middle;
230
240
  margin-left: 11px;
@@ -238,6 +248,7 @@ const ArrowWrapper = styled("div", arrowAttrs)`
238
248
  props.showArchived ? "auto auto" : "auto"};
239
249
  align-items: center;
240
250
  justify-items: center;
251
+ height: 100%;
241
252
  `
242
253
 
243
254
  const optionsAttrs = { top: Number, left: Number }
@@ -224,8 +224,8 @@ const TableContainer = styled.table`
224
224
  .arrow-container {
225
225
  display: table-cell;
226
226
  vertical-align: middle;
227
- text-align: center;
228
- text-align: -webkit-center;
227
+ /* text-align: center;
228
+ text-align: -webkit-center; */
229
229
  cursor: pointer;
230
230
  border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
231
231
  }