@eturnity/eturnity_reusable_components 1.1.53 → 1.1.56

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/tableDropdown/index.vue +15 -0
  3. package/src/components/tables/mainTable/index.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.1.53",
3
+ "version": "1.1.56",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/components/tableDropdown/index.vue CHANGED
@@ -192,6 +192,13 @@ const ComponentItem = styled.td`
192
192
  background-clip: content-box;
193
193
  padding: 8px 0 7px 0 !important;
194
194
 
195
+ @media not all and (min-resolution: 0.001dpcm) {
196
+ @supports (-webkit-appearance: none) {
197
+ /* Safari Only CSS here */
198
+ padding: 8px 0 10px 0 !important;
199
+ }
200
+ }
201
+
195
202
  span {
196
203
  padding-left: 15px;
197
204
  }
@@ -225,6 +232,13 @@ const ArrowContainer = styled.td`
225
232
  padding: 8px 0 7px 0 !important;
226
233
  border-radius: 0 4px 4px 0;
227
234
 
235
+ @media not all and (min-resolution: 0.001dpcm) {
236
+ @supports (-webkit-appearance: none) {
237
+ /* Safari Only CSS here */
238
+ padding: 8px 0 10px 0 !important;
239
+ }
240
+ }
241
+
228
242
  .arrow-dropdown {
229
243
  vertical-align: middle;
230
244
  margin-left: 11px;
@@ -238,6 +252,7 @@ const ArrowWrapper = styled("div", arrowAttrs)`
238
252
  props.showArchived ? "auto auto" : "auto"};
239
253
  align-items: center;
240
254
  justify-items: center;
255
+ height: 100%;
241
256
  `
242
257
 
243
258
  const optionsAttrs = { top: Number, left: Number }
package/src/components/tables/mainTable/index.vue CHANGED
@@ -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
  }