PluginProbe ʕ •ᴥ•ʔ
Booking for Appointments and Events Calendar – Amelia / 1.2.20
Booking for Appointments and Events Calendar – Amelia v1.2.20
2.4.4 2.4.3 2.4.2 2.4.1 2.4 trunk 1.2.1 1.2.10 1.2.11 1.2.12 1.2.13 1.2.14 1.2.15 1.2.16 1.2.17 1.2.18 1.2.19 1.2.2 1.2.20 1.2.21 1.2.22 1.2.23 1.2.24 1.2.25 1.2.26 1.2.27 1.2.28 1.2.29 1.2.3 1.2.30 1.2.31 1.2.32 1.2.33 1.2.34 1.2.35 1.2.36 1.2.37 1.2.38 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9 2.0 2.0.1 2.0.2 2.1 2.1.1 2.1.2 2.1.3 2.2 2.2.1 2.3
ameliabooking / assets / less / common / rtl.less
ameliabooking / assets / less / common Last commit date
_animations.less 7 years ago _base.less 7 years ago _country-flags.less 5 years ago _elements.less 1 year ago _overrides.less 1 year ago _variables.less 4 years ago font.less 4 years ago rtl.less 3 years ago
rtl.less
523 lines
1 [dir=rtl] {
2 .am-wrap {
3 margin: 20px 2px 20px 20px;
4 }
5 .am-page-header .am-logo {
6 padding-right: 0;
7 padding-left: @padding-big;
8 }
9 .am-button-new {
10 right: auto;
11 left: 32px;
12 }
13 .el-dialog__wrapper {
14 overflow-x: hidden;
15 }
16 .am-side-dialog .el-dialog {
17 right: auto;
18 left: 0;
19 }
20 // Slide Horizontal
21
22 .slide-enter-active, .slide-leave-active {
23 transition: all .6s ease-out;
24 }
25
26 .slide-enter, .slide-leave-to {
27 transform: translateX(0);
28 }
29
30 .am-page-header {
31 .align-right {
32 text-align: left;
33 }
34 }
35
36 .am-page-header h1.am-page-title {
37 padding-left: 0;
38 padding-right: @padding-big;
39 border-right: 1px solid #E2E6EC;
40 border-left: none;
41 }
42 .align-right, .am-align-right {
43 text-align: left;
44 }
45 .am-body a.am-help-button {
46
47 }
48 #am-dashboard .am-big-stats .am-grid-content .am-title .am-change {
49 right: auto;
50 left: 0;
51 }
52 .am-filter-fields, .am-customers-filter, #am-finance .am-finance-filter {
53 .el-select.calc-width {
54 //float: left;
55 margin-right: 0 !important;
56 }
57 }
58 #am-employees .am-employee-row .am-employee-col.am-edit-btn {
59 justify-content: flex-start;
60 }
61 #am-employees .am-employee-card .am-employee-status-label {
62 right: auto;
63 left: 16px;
64 }
65 #am-locations .am-locations .am-location-card .am-location-info .location-data {
66 padding-right: 0 ;
67 padding-left: 60px;
68 }
69 #am-locations .am-locations .am-location-card .am-location-info .el-button {
70 right: auto;
71 left: 16px;
72 }
73 #am-appointments .am-appointments-filter .el-row .el-col .el-button {
74 margin-left: 0;
75 float: left;
76 }
77
78 #am-locations .am-locations .am-location-card.am-hidden-entity:after {
79 right: 70px;
80 left: auto;
81 }
82 #am-employees .am-employees-filter .el-row .el-button {
83 margin-right: 0;
84 margin-left: 10px;
85 }
86
87 .am-appointments .am-appointments-list .el-collapse-item__header__arrow, .am-customers .am-appointments-list .el-collapse-item__header__arrow, .am-finances .am-appointments-list .el-collapse-item__header__arrow, .am-appointments .am-customers-list .el-collapse-item__header__arrow, .am-customers .am-customers-list .el-collapse-item__header__arrow, .am-finances .am-customers-list .el-collapse-item__header__arrow, .am-appointments .am-finance-list .el-collapse-item__header__arrow, .am-customers .am-finance-list .el-collapse-item__header__arrow, .am-finances .am-finance-list .el-collapse-item__header__arrow, .am-appointments .am-appointments-list .el-collapse-item__arrow, .am-customers .am-appointments-list .el-collapse-item__arrow, .am-finances .am-appointments-list .el-collapse-item__arrow, .am-appointments .am-customers-list .el-collapse-item__arrow, .am-customers .am-customers-list .el-collapse-item__arrow, .am-finances .am-customers-list .el-collapse-item__arrow, .am-appointments .am-finance-list .el-collapse-item__arrow, .am-customers .am-finance-list .el-collapse-item__arrow, .am-finances .am-finance-list .el-collapse-item__arrow {
88 left: -16px;
89 right: auto;
90 }
91 .am-pagination {
92 p {
93 //text-align: left;
94 }
95 }
96
97 .am-pagination .el-pagination {
98 text-align: left;
99 }
100
101 #am-employees .am-employee-row .am-employee-col img {
102 margin-right: 0;
103 margin-left: @margin-small;
104 }
105
106 .el-tabs__active-bar {
107 display: none;
108 }
109
110 .el-tabs--bottom .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--top .el-tabs__item.is-top:last-child {
111 padding-right: 20px;
112 //padding-left: 0;
113 }
114
115 #am-appointments .am-appointments .am-appointments-list .am-appointment .am-appointment-data .am-edit-btn {
116 text-align: right;
117 margin-right: 0;
118 }
119
120 #am-appointments .am-appointments .am-appointments-list .am-appointment .am-appointment-data .am-appointment-payment img {
121 margin-right: 0;
122 margin-left: 4px;
123 }
124
125 .el-pagination--small .arrow.disabled, .el-table .hidden-columns, .el-table td.is-hidden>*, .el-table th.is-hidden>*, .el-table--hidden {
126 visibility: visible;
127 }
128
129 #am-dashboard .am-employee-table-stats .el-table .cell img, #am-dashboard .am-employee-table-stats .el-table .cell svg {
130 margin-right: 0;
131 margin-left: 8px;
132 }
133 .el-popover.am-button-popover .am-button-new-items {
134 left: 32px;
135 right: auto;
136 text-align: left;
137 .el-button+.el-button {
138 margin-right: 0;
139 }
140 }
141 .el-checkbox__label {
142 padding-right: 10px;
143 }
144 [class*=el-col-] {
145 float: right;
146 }
147
148 #am-finance .am-coupon-row button {
149 float: left;
150 }
151
152 #am-finance .am-finance-filter .el-button.button-export {
153 right: auto;
154 left: 0;
155 }
156
157 #am-employees .am-employees-filter .am-filter-buttons {
158 right: auto;
159 left: 0;
160 }
161 .el-tabs__nav {
162 float: right;
163 }
164
165 .am-border-right {
166 border-right: none;
167 border-left: 1px solid @color-divider-gray;
168 }
169 .el-color-hue-slider.is-vertical {
170 float: left !important;
171 }
172
173 .el-icon-arrow-right:before {
174 content: "\E600";
175 }
176
177 .el-icon-arrow-left:before {
178 content: "\E604";
179 }
180 .am-side-dialog .el-dialog .am-delete-element {
181 margin-right: 4px;
182 }
183
184
185 #am-notifications #am-email-notifications .am-email-form-settings p.am-blue-link, #am-notifications #am-sms-notifications .am-email-form-settings p.am-blue-link {
186 text-align: left;
187 }
188
189 .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--top .el-tabs__item.is-top:nth-child(2), .el-tabs__nav .el-tabs__item:nth-child(2) {
190 padding-right: 0;
191 padding-left: 20px;
192 }
193
194 .ql-editor{
195 text-align: right;
196 }
197
198 .el-form-item__label {
199 //float: right;
200 padding: 0;
201 }
202
203 .am-sms-dashboard .el-form-item__label {
204 float: right
205 }
206
207 #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-body .am-sms-dashboard-content {
208 border-left: none;
209 border-right: 1px solid @color-divider-gray;
210 }
211
212 #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-loggedin-user > *, #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-balance > * {
213 margin-right: 0;
214 margin-left: @margin-big;
215 }
216 #am-notifications #am-sms-notifications .am-sms-dashboard .am-sms-dashboard-header .am-sms-logo img {
217 margin-right: 0;
218 margin-left: @margin-small;
219 }
220 .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
221 right: auto;
222 left: 0;
223 }
224
225 #am-settings .am-settings-cards .el-row .el-col:nth-child(3) {
226 border-right: 1px solid @color-divider-gray;
227 }
228
229 #am-settings .am-settings-cards .el-row .el-col:nth-child(1) {
230 border-right: none;
231 }
232 .am-dialog-footer .align-left {
233 text-align: right;
234 }
235
236 .el-picker-panel {
237 margin-right: 20px;
238 }
239 .am-side-dialog .el-dialog .am-dialog-header .am-dialog-close {
240 margin-left: 0;
241 margin-right: @margin-small;
242 }
243 .am-dialog-table .el-row.am-dialog-table-head.hours .el-col:first-child span, .am-dialog-table .el-row.am-dialog-table-head.days .el-col:first-child span {
244 margin-left: 0;
245 margin-right: @margin-small;
246 }
247
248 #am-customers .am-customers .am-customers-list .am-customer .am-customer-data .el-button {
249 margin-right: 0;
250 margin-left: @margin-big;
251 }
252 #am-customers .am-customers-filter .el-button.button-export {
253 left: 4px;
254 right: auto;
255 }
256
257 #am-customers .am-customers .am-customers-list .am-customer .am-customer-data .am-assigned img {
258 margin-right: 0;
259 margin-left: @margin-small;
260 }
261
262
263 .am-side-dialog .el-dialog .am-add-element {
264 margin-right: 0;
265 margin-left: @margin-small/2;
266 }
267 .el-button+.el-button {
268 margin-left: 0;
269 margin-right: @margin-small;
270 }
271 .c-header .c-arrow-layout {
272 transform: rotate(180deg);
273 }
274 .am-button-new-items-custom-fields {
275 right: auto;
276 left: 32px;
277 .el-button+.el-button {
278 margin-right: 0;
279 }
280 }
281 .el-select .el-tag__close.el-icon-close {
282 right: auto;
283 left: 0;
284 }
285 .el-select-dropdown__wrap, .el-scrollbar__wrap {
286 margin-right: 0 !important;
287 margin-left: -17px;
288 }
289 .el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
290 right: auto;
291 left: 20px;
292 }
293 #am-customize .am-custom-field .am-flexed2 div:first-child {
294 margin-right: 0;
295 margin-left: @margin-small;
296 }
297 #am-customize .am-custom-field h3 .am-custom-field-actions {
298 float: left;
299 }
300 #am-customize .am-custom-field .am-drag-handle {
301 margin-right: 0;
302 margin-left: @margin-small;
303 }
304 .el-select__tags {
305 left: -4px;
306 }
307 .el-notification.right {
308 right: auto;
309 left: 32px;
310 }
311
312 .el-notification__closeBtn {
313 right: auto;
314 left: 16px;
315 }
316
317 .am-side-dialog .el-dialog .am-add-elements {
318 text-align: right;
319 }
320
321 .am-selected-dropdown-items .am-selected-dropdown-item i.remove {
322 right: auto;
323 left: 0;
324 }
325
326 .am-selected-dropdown-items .am-selected-dropdown-item .am-appointment-persons.small svg, .am-selected-dropdown-items .am-selected-dropdown-item .am-appointment-persons.small .am-appointment-duration.small img {
327 left: 30px;
328 }
329 .c-day-layer .c-day-background {
330 border-radius: 0 !important;
331 }
332
333 .am-page-header .am-calendar-header-filters .el-form-item__label {
334 padding-right: 0;
335 padding-left: @padding-small;
336 }
337
338 .el-scrollbar__bar {
339 right: auto;
340 left: 2px;
341 }
342
343 #am-notifications #am-sms-notifications .am-sms-auth .am-forgot-pass {
344 left: 0;
345 right: auto;
346 }
347 .el-input-group__prepend {
348 border-right: 1px solid #DCDFE6 ;
349 }
350
351 .el-input-group--append .el-input__inner, .el-input-group__prepend {
352 border-top-right-radius: 4px;
353 border-bottom-right-radius: 4px;
354 }
355
356 .am-side-dialog .el-dialog .am-setting-box .el-collapse-item__header i.el-icon-circle-check {
357 right: auto;
358 left: 40px;
359 }
360 .am-side-dialog .el-dialog .am-setting-box .el-collapse-item__header i {
361 right: auto;
362 left: 8px;
363 }
364 #am-finance .am-finance-list .am-finance .am-finance-data .am-assigned img {
365 margin-right: 0;
366 margin-left: @margin-small;
367 }
368 #am-finance .am-finance-list .am-finance .am-finance-data .el-button {
369 margin: 0 0 0 @margin-medium;
370 }
371 .amelia-booking .v-calendar-column .el-form-item__content:after {
372 left: 8px;
373 right: unset;
374 }
375 .el-dialog{
376 .popover-origin.direction-bottom.align-left, .popover-origin.direction-top.align-left {
377 right: 0;
378 left: unset;
379 }
380
381 .popover-origin .popover-content-wrapper .popover-content.align-left:after {
382 right: 20px;
383 left: unset;
384 }
385 }
386
387 .am-customize {
388 &-page {
389 .am-customize-step {
390 .el-tabs__nav .el-tabs__item:nth-child(2) {
391 padding: 0 20px;
392 }
393 }
394
395 .am-recurring-dates {
396 left: auto;
397 right: 24px;
398 }
399
400 .am-recurring-setup.next-step {
401 left: auto;
402 right: ~"calc(-50% + 24px)";
403 }
404
405 .am-select-date.next-step {
406 left: auto;
407 right: -97%;
408 }
409
410 .am-confirm-booking {
411 left: auto;
412 right: 3%;
413
414 .el-form-item {
415 direction: rtl;
416
417 .el-radio-group {
418 .el-radio {
419 margin-left: 20px !important;
420 margin-right: 0 !important;
421 }
422 }
423 }
424
425 p {
426 text-align: right;
427
428 &.am-align-right {
429 text-align: left;
430 }
431 }
432 }
433
434 .am-select-package, .am-package-info {
435 right: 5%;
436 }
437
438 .am-step-booking.am-active-picker .am-package-info {
439 right: 0;
440 }
441
442 .am-package-list {
443 left: auto;
444 right: 3%;
445 }
446
447 .am-package-setup.next-step {
448 left: auto;
449 right: -97%;
450 }
451
452 .am-event-list {
453 .am-confirm-booking, .am-congratulations {
454 right: 0;
455 padding: 16px 0 0;
456
457 &.editable {
458 padding: 16px 20px 0;
459 }
460 }
461 }
462
463 .am-event-calendar-page {
464 .am-event-modal {
465 direction: rtl;
466
467 &__header {
468 direction: rtl;
469 text-align: unset !important;
470
471 &-booking-btn {
472 &-price {
473 padding-right: 24px;
474 padding-left: 0;
475
476 &:before {
477 left: auto;
478 right: 11px;
479 }
480 }
481 }
482 }
483 }
484
485 .am-confirm-booking {
486 right: 0;
487 }
488 }
489
490 .am-reset-button {
491 span {
492 img {
493 margin-right: 0;
494 margin-left: 8px;
495 }
496 }
497 }
498 }
499
500 &__edit {
501 z-index: 10000 !important;
502
503 &-body {
504 padding-right: 0;
505 padding-left: 16px;
506 }
507
508 .popper__arrow::after {
509 display: none;
510 }
511 }
512
513 &__color-settings {
514 span {
515 img {
516 margin-right: 0;
517 margin-left: 8px;
518 }
519 }
520 }
521 }
522 }
523