Skip to content

Commit d8b08fc

Browse files
committed
fix: stylelint
Signed-off-by: Enjeck C. <patrathewhiz@gmail.com>
1 parent b9861d2 commit d8b08fc

64 files changed

Lines changed: 160 additions & 171 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

css/grid.css

Lines changed: 22 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
.row.first-row {
1111
padding-top: calc(var(--default-grid-baseline) * 4);
12-
padding-left: 60px;
12+
padding-inline-start: 60px;
1313
/*width: calc(100% - 45px);*/
1414
width: 100%;
1515
padding-bottom: 20px;
@@ -47,7 +47,7 @@
4747
.col-4 { width: calc(100% - 20px); }
4848

4949
.row [class^='col-'], .row [class^='fix-col-'] {
50-
float: left;
50+
float: inline-start;
5151
position: relative;
5252
/*
5353
padding-right: 20px;
@@ -56,65 +56,61 @@
5656
}
5757

5858
.floatReverse [class*='col-'] {
59-
float: right;
59+
float: inline-end;
6060
}
6161

6262
/* ===================== SPACES for rows OR columns =================00 */
6363
.row .space-L {
64-
margin-left: 20px;
64+
margin-inline-start: 20px;
6565
}
6666

6767
.row.space-L {
68-
margin-left: 20px;
68+
margin-inline-start: 20px;
6969
width: calc(100% - 20px);
7070
}
7171

7272
.row .space-L-small {
73-
margin-left: 8px;
73+
margin-inline-start: 8px;
7474
}
7575

7676
.row.space-L-small {
77-
margin-left: 8px;
77+
margin-inline-start: 8px;
7878
width: calc(100% - 8px);
7979
}
8080

8181
.row .space-R {
82-
margin-right: 20px;
82+
margin-inline-end: 20px;
8383
}
8484

8585
.row.space-R {
86-
margin-right: 20px;
86+
margin-inline-end: 20px;
8787
width: calc(100% - 20px);
8888
}
8989

9090
.row .space-R-small {
91-
margin-right: 8px;
91+
margin-inline-end: 8px;
9292
}
9393

9494
.row.space-R-small {
95-
margin-right: 8px;
95+
margin-inline-end: 8px;
9696
width: calc(100% - 8px);
9797
}
9898

9999
.row .space-LR {
100-
margin-left: 20px;
101-
margin-right: 20px;
100+
margin-inline: 20px;
102101
}
103102

104103
.row.space-LR {
105-
margin-left: 20px;
106-
margin-right: 20px;
104+
margin-inline: 20px;
107105
width: calc(100% - 40px);
108106
}
109107

110108
.row .space-LR-small {
111-
margin-left: 8px;
112-
margin-right: 8px;
109+
margin-inline: 8px;
113110
}
114111

115112
.row.space-LR-small {
116-
margin-left: 8px;
117-
margin-right: 8px;
113+
margin-inline: 8px;
118114
width: calc(100% - 16px);
119115
}
120116

@@ -145,7 +141,7 @@
145141
/* put two or more elements (buttons) to the left and right */
146142
.col-stretch-elements {
147143
justify-content: space-between;
148-
padding-right: 0;
144+
padding-inline-end: 0;
149145
width: 100%;
150146
}
151147

@@ -159,14 +155,14 @@
159155
.fix-col-4 { width: 100%; }
160156

161157
[class*='fix-col-'] {
162-
float: left;
158+
float: inline-start;
163159
position: relative;
164160
padding: 0;
165161
display: flex;
166162
}
167163

168164
.floatReverse [class*='fix-col-'] {
169-
float: right;
165+
float: inline-end;
170166
}
171167

172168
/* ===== BOXES ========================== */
@@ -184,11 +180,11 @@
184180
}
185181

186182
[class^='box-'] {
187-
margin-right: 20px;
183+
margin-inline-end: 20px;
188184
margin-bottom: 20px;
189185
background-color: var(--color-background-darker);
190186
padding: 15px;
191-
float: left;
187+
float: inline-start;
192188
position: relative;
193189
}
194190

@@ -221,8 +217,8 @@
221217
.hide-xs {
222218
display: none;
223219
}
224-
.col-1, .fix-col-1 { width: 100%; padding-left: 0; padding-right: 0; }
225-
.col-3, .fix-col-3 { width: 100%; padding-left: 0; padding-right: 0; }
220+
.col-1, .fix-col-1 { width: 100%; padding-inline: 0; }
221+
.col-3, .fix-col-3 { width: 100%; padding-inline: 0; }
226222
}
227223

228224
input, textarea {

src/App.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ export default {
164164
165165
.sidebar-icon {
166166
position: absolute;
167-
right: 5px;
167+
inset-inline-end: 5px;
168168
top: 5px;
169169
}
170170
@@ -232,7 +232,7 @@ button[class^='icon-'] {
232232
233233
.icon-left {
234234
background-position: left;
235-
padding-left: 22px;
235+
padding-inline-start: 22px;
236236
}
237237
238238
.mandatory {
@@ -241,7 +241,7 @@ button[class^='icon-'] {
241241
242242
.v-popover button {
243243
height: 25px;
244-
margin-left: 10px;
244+
margin-inline-start: 10px;
245245
background-color: transparent;
246246
border: none;
247247
}
@@ -251,7 +251,7 @@ button[class^='icon-'] {
251251
}
252252
253253
.v-popper__inner table td {
254-
padding-right: 15px;
254+
padding-inline-end: 15px;
255255
}
256256
257257
.error {
@@ -271,7 +271,7 @@ button[class^='icon-'] {
271271
}
272272
273273
.align-right {
274-
text-align: right;
274+
text-align: end;
275275
}
276276
277277
.inline-flex {

src/modules/main/partials/ColumnTypeSelection.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -153,11 +153,11 @@ export default {
153153
}
154154
155155
.typeSelections span {
156-
padding-right: 21px;
156+
padding-inline-end: 21px;
157157
}
158158
159159
.multiSelectOptionLabel {
160-
padding-left: calc(var(--default-grid-baseline) * 1);
160+
padding-inline-start: calc(var(--default-grid-baseline) * 1);
161161
}
162162
163163
.icon-label-container {

src/modules/main/partials/editViewPartials/SelectedViewColumns.vue

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@ export default {
155155
}
156156
157157
.display-checkbox {
158-
padding-right: calc(var(--default-grid-baseline) * 4);
158+
padding-inline-end: calc(var(--default-grid-baseline) * 4);
159159
}
160160
161161
:deep(.modal-container) {
@@ -181,8 +181,7 @@ export default {
181181
}
182182
183183
:deep(.checkbox-radio-switch__icon) {
184-
margin-right: 0 !important;
185-
margin-left: 0 !important;
184+
margin-inline: 0 !important;
186185
}
187186
188187
.selected-columns-wrapper {
@@ -191,7 +190,7 @@ export default {
191190
}
192191
193192
.move-button {
194-
padding-right: 10px !important;
193+
padding-inline-end: 10px !important;
195194
cursor: move !important;
196195
}
197196
@@ -201,7 +200,7 @@ export default {
201200
202201
.meta-info {
203202
font-style: italic;
204-
padding-left: calc(var(--default-grid-baseline) * 1);
203+
padding-inline-start: calc(var(--default-grid-baseline) * 1);
205204
color: var(--color-info);
206205
}
207206

src/modules/main/partials/editViewPartials/filter/FilterEntry.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -208,8 +208,7 @@ export default {
208208
}
209209
210210
.actions button {
211-
margin-right: calc(var(--default-grid-baseline) * 2);
212-
margin-left: auto;
211+
margin-inline: auto calc(var(--default-grid-baseline) * 2);
213212
height: 44px;
214213
}
215214

src/modules/main/partials/editViewPartials/filter/FilterGroup.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -93,12 +93,12 @@ export default {
9393
<style>
9494
9595
.group-text {
96-
padding-left: calc(var(--default-grid-baseline) * 2);
96+
padding-inline-start: calc(var(--default-grid-baseline) * 2);
9797
}
9898
9999
.filter-group {
100-
border-left: 6px solid var(--color-primary) !important;
101-
padding-left: calc(var(--default-grid-baseline) * 2);
100+
border-inline-start: 6px solid var(--color-primary) !important;
101+
padding-inline-start: calc(var(--default-grid-baseline) * 2);
102102
}
103103
104104
.locallyAdded {

src/modules/main/partials/editViewPartials/sort/DeletedSortEntry.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ export default {
138138
}
139139
140140
.mode-icon {
141-
padding-right: calc(var(--default-grid-baseline) * 2);
141+
padding-inline-end: calc(var(--default-grid-baseline) * 2);
142142
}
143143
144144
:deep(.checkbox-radio-switch--button-variant .checkbox-radio-switch__label) {

src/modules/main/partials/editViewPartials/sort/SortEntry.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -135,7 +135,7 @@ export default {
135135
}
136136
137137
.mode-icon {
138-
padding-right: calc(var(--default-grid-baseline) * 2);
138+
padding-inline-end: calc(var(--default-grid-baseline) * 2);
139139
}
140140
141141
:deep(.checkbox-radio-switch--button-variant .checkbox-radio-switch__label) {

src/modules/main/sections/Dashboard.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -286,7 +286,7 @@ export default {
286286
287287
.table-dashboard {
288288
display: sticky;
289-
left: 0;
289+
inset-inline-start: 0;
290290
}
291291
292292
.table {
@@ -301,16 +301,16 @@ export default {
301301
302302
.table th,
303303
.table td {
304-
padding-right: calc(var(--default-grid-baseline) * 4);
304+
padding-inline-end: calc(var(--default-grid-baseline) * 4);
305305
padding-top: calc(var(--default-grid-baseline) * 1);
306306
padding-bottom: calc(var(--default-grid-baseline) * 1);
307-
text-align: left;
307+
text-align: start;
308308
align-items: center;
309309
}
310310
311311
.table th:last-child,
312312
.table td:last-child {
313-
border-right: none;
313+
border-inline-end: none;
314314
}
315315
316316
.table td:first-child {
@@ -336,7 +336,7 @@ td.actions {
336336
}
337337
338338
td.actions button {
339-
margin-left: calc(var(--default-grid-baseline) * 1);
339+
margin-inline-start: calc(var(--default-grid-baseline) * 1);
340340
}
341341
342342
tr:hover{

src/modules/main/sections/ElementTitle.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -91,20 +91,20 @@ export default {
9191
9292
.row.first-row {
9393
position: sticky;
94-
left: 0;
94+
inset-inline-start: 0;
9595
top: 0;
9696
z-index: 15;
9797
background-color: var(--color-main-background);
9898
align-items: center;
9999
}
100100
101101
.user-bubble {
102-
padding-left: calc(var(--default-grid-baseline) * 2);
102+
padding-inline-start: calc(var(--default-grid-baseline) * 2);
103103
}
104104
105105
.info {
106106
display: inline-flex;
107-
margin-left: calc(var(--default-grid-baseline) * 2);
107+
margin-inline-start: calc(var(--default-grid-baseline) * 2);
108108
align-items: center;
109109
color: var(--color-text-maxcontrast);
110110
}

0 commit comments

Comments
 (0)