@eturnity/eturnity_reusable_components 1.0.76 → 1.0.80

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/components/inputs/inputNumber/index.vue +1 -3
  3. package/src/components/inputs/toggle/index.vue +4 -3
  4. package/src/components/tableDropdown/index.vue +7 -2
  5. package/src/components/tables/mainTable/index.vue +10 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.0.76",
3
+ "version": "1.0.80",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
package/src/components/inputs/inputNumber/index.vue CHANGED
@@ -104,9 +104,7 @@ const InputContainer = styled("input", inputProps)`
104
104
  props.isError ? props.theme.colors.red : props.theme.colors.black};
105
105
  width: ${(props) => (props.inputWidth ? props.inputWidth : "100%")};
106
106
  background-color: ${(props) =>
107
- props.isDisabled
108
- ? props.theme.colors.grey5 + " !important"
109
- : "#fff !important"};
107
+ props.isDisabled ? props.theme.colors.grey5 : "#fff"};
110
108
  box-sizing: border-box;
111
109
 
112
110
  &::placeholder {
package/src/components/inputs/toggle/index.vue CHANGED
@@ -111,7 +111,7 @@ const ToggleWrapper = styled("span", toggleAttrs)`
111
111
  props.size === "medium"
112
112
  ? "24px"
113
113
  : props.size === "small"
114
- ? "14px"
114
+ ? "16px"
115
115
  : "24px"};
116
116
  border-radius: 9px;
117
117
 
@@ -131,7 +131,8 @@ const backgroundAttrs = {
131
131
  disabled: Boolean,
132
132
  }
133
133
  const ToggleBackground = styled("span", backgroundAttrs)`
134
- display: inline-block;
134
+ /* display: inline-block; */
135
+ display: block;
135
136
  border-radius: 100px;
136
137
  height: 100%;
137
138
  width: 100%;
@@ -184,7 +185,7 @@ const ToggleDot = styled("span", toggleProps)`
184
185
  ? props.size === "medium"
185
186
  ? "translateX(25px)"
186
187
  : props.size === "small"
187
- ? "translateX(13px)"
188
+ ? "translateX(12px)"
188
189
  : "translateX(25px)"
189
190
  : "translateX(0)"};
190
191
 
package/src/components/tableDropdown/index.vue CHANGED
@@ -1,5 +1,10 @@
1
1
  <template>
2
- <dropdown-row :colspan="colSpan" @click="toggleOpen" ref="dropdownItem">
2
+ <dropdown-row
3
+ :colspan="colSpan"
4
+ @click="toggleOpen"
5
+ ref="dropdownItem"
6
+ class="table-dropdown"
7
+ >
3
8
  <component-container :colSpan="colSpan">
4
9
  <component-item v-for="(item, index) in tableItems" :key="index">
5
10
  <template-button
@@ -122,7 +127,7 @@ import SearchInput from "@eturnity/eturnity_reusable_components/src/components/i
122
127
  const DropdownRow = styled.td``
123
128
 
124
129
  const ComponentItem = styled.div`
125
- padding-left: 12px;
130
+ /* padding-left: 12px; */
126
131
  overflow: hidden;
127
132
  text-overflow: ellipsis;
128
133
  `
package/src/components/tables/mainTable/index.vue CHANGED
@@ -78,8 +78,16 @@ const TableContainer = styled.table`
78
78
  tbody {
79
79
  tr {
80
80
  &:hover {
81
- background-color: ${(props) => props.theme.colors.grey5};
81
+ background-color: ${(props) => props.theme.colors.white};
82
82
  cursor: pointer;
83
+
84
+ .table-dropdown {
85
+ background-color: ${(props) => props.theme.colors.grey5} !important;
86
+ }
87
+
88
+ input {
89
+ background-color: ${(props) => props.theme.colors.grey5} !important;
90
+ }
83
91
  }
84
92
 
85
93
  td {
@@ -101,7 +109,7 @@ const TableContainer = styled.table`
101
109
  }
102
110
 
103
111
  td {
104
- padding: 7px 15px;
112
+ padding: 7px 15px 7px 10px;
105
113
  border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
106
114
 
107
115
  &.empty {