@eturnity/eturnity_reusable_components 1.0.58 → 1.0.62

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.0.58",
3
+ "version": "1.0.62",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -49,7 +49,7 @@ const Container = styled("label", containerAttrs)`
49
49
  align-content: center;
50
50
  color: ${(props) => props.theme.colors.black};
51
51
  position: relative;
52
- padding-left: 42px;
52
+ /* padding-left: 42px; */
53
53
  margin-bottom: 12px;
54
54
  cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
55
55
  font-size: 16px;
@@ -81,11 +81,15 @@ const TableContainer = styled.table`
81
81
  background-color: ${(props) => props.theme.colors.grey5};
82
82
  cursor: pointer;
83
83
  }
84
+
85
+ td {
86
+ height: 40px;
87
+ }
84
88
  }
85
89
  }
86
90
 
87
91
  th {
88
- padding: 12px 20px;
92
+ padding: 11px 15px;
89
93
  background-color: ${(props) => props.theme.colors.blue1};
90
94
 
91
95
  .ordering {
@@ -96,7 +100,7 @@ const TableContainer = styled.table`
96
100
  }
97
101
 
98
102
  td {
99
- padding: 7px 10px;
103
+ padding: 7px 15px;
100
104
  border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
101
105
 
102
106
  &.empty {
@@ -152,6 +156,15 @@ const TableContainer = styled.table`
152
156
  text-align: right;
153
157
  }
154
158
  }
159
+
160
+ &.checkbox {
161
+ padding: 7px 15px !important;
162
+ width: 40px;
163
+ }
164
+
165
+ &.checkbox-header {
166
+ width: 40px;
167
+ }
155
168
  }
156
169
 
157
170
  tr {
@@ -171,7 +184,7 @@ const TableContainer = styled.table`
171
184
  }
172
185
 
173
186
  .text {
174
- padding: 10px 0 10px 18px;
187
+ padding: 10px 15px 10px 15px;
175
188
  color: ${(props) => props.theme.colors.black};
176
189
  }
177
190