@timus-networks/theme 2.4.166 → 2.4.169
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/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/assets/scss/main.css +84 -61
- package/dist/runtime/public/scss/element-plus/alert.css +18 -11
- package/dist/runtime/public/scss/element-plus/alert.scss +9 -7
- package/dist/runtime/public/scss/element-plus/button.css +6 -3
- package/dist/runtime/public/scss/element-plus/button.scss +8 -1
- package/dist/runtime/public/scss/element-plus/checkbox-button.css +2 -2
- package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
- package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +1 -1
- package/dist/runtime/public/scss/element-plus/date-picker/time-picker.scss +1 -1
- package/dist/runtime/public/scss/element-plus/date-picker.css +1 -1
- package/dist/runtime/public/scss/element-plus/descriptions-item.css +2 -2
- package/dist/runtime/public/scss/element-plus/descriptions-item.scss +2 -2
- package/dist/runtime/public/scss/element-plus/dialog.css +5 -5
- package/dist/runtime/public/scss/element-plus/dialog.scss +4 -4
- package/dist/runtime/public/scss/element-plus/dropdown.css +5 -2
- package/dist/runtime/public/scss/element-plus/dropdown.scss +5 -2
- package/dist/runtime/public/scss/element-plus/index.css +84 -61
- package/dist/runtime/public/scss/element-plus/link.scss +0 -1
- package/dist/runtime/public/scss/element-plus/pagination.css +11 -6
- package/dist/runtime/public/scss/element-plus/pagination.scss +10 -3
- package/dist/runtime/public/scss/element-plus/popper.css +8 -9
- package/dist/runtime/public/scss/element-plus/popper.scss +1 -2
- package/dist/runtime/public/scss/element-plus/radio-button.css +2 -2
- package/dist/runtime/public/scss/element-plus/switch.css +12 -12
- package/dist/runtime/public/scss/element-plus/switch.scss +12 -1
- package/dist/runtime/public/scss/element-plus/table.css +5 -3
- package/dist/runtime/public/scss/element-plus/table.scss +7 -3
- package/dist/runtime/public/scss/element-plus/tabs.css +2 -2
- package/dist/runtime/public/scss/element-plus/tabs.scss +1 -1
- package/dist/runtime/public/scss/element-plus/tag.css +4 -0
- package/dist/runtime/public/scss/element-plus/tag.scss +4 -0
- package/dist/runtime/public/scss/element-plus/time-picker.css +1 -1
- package/dist/runtime/public/scss/element-plus/tooltip.css +1 -1
- package/dist/runtime/public/scss/element-plus/tooltip.scss +1 -1
- package/package.json +1 -1
|
@@ -322,7 +322,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
322
322
|
|
|
323
323
|
.el-button {
|
|
324
324
|
display: inline-flex;
|
|
325
|
-
gap:
|
|
325
|
+
gap: 4px;
|
|
326
326
|
justify-content: center;
|
|
327
327
|
align-items: center;
|
|
328
328
|
line-height: 1;
|
|
@@ -343,6 +343,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
343
343
|
border-color: var(--el-button-border-color);
|
|
344
344
|
transition: all 0.5s ease;
|
|
345
345
|
}
|
|
346
|
+
.el-button[class^=mat-]::before, .el-button[class*=" mat-"]::before {
|
|
347
|
+
margin-left: -4px;
|
|
348
|
+
}
|
|
346
349
|
.el-button:empty {
|
|
347
350
|
padding: 0;
|
|
348
351
|
min-width: 36px;
|
|
@@ -1073,12 +1076,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
1073
1076
|
padding: 0 7px;
|
|
1074
1077
|
}
|
|
1075
1078
|
.el-button--mini {
|
|
1076
|
-
padding: 5px
|
|
1079
|
+
padding: 5px 11px;
|
|
1077
1080
|
font-size: 12px;
|
|
1078
1081
|
border-radius: 4px;
|
|
1079
1082
|
}
|
|
1080
1083
|
.el-button--mini.is-round {
|
|
1081
|
-
padding: 5px
|
|
1084
|
+
padding: 5px 11px;
|
|
1082
1085
|
}
|
|
1083
1086
|
.el-button--mini:has(> i):not(:has(span)) {
|
|
1084
1087
|
width: 28px;
|
|
@@ -23,7 +23,7 @@ $button-icon-span-gap: map.merge(
|
|
|
23
23
|
|
|
24
24
|
@include b(button) {
|
|
25
25
|
display: inline-flex;
|
|
26
|
-
gap:
|
|
26
|
+
gap: 4px;
|
|
27
27
|
justify-content: center;
|
|
28
28
|
align-items: center;
|
|
29
29
|
|
|
@@ -46,6 +46,13 @@ $button-icon-span-gap: map.merge(
|
|
|
46
46
|
border-color: getCssVar('button', 'border-color');
|
|
47
47
|
transition: all 0.5s ease;
|
|
48
48
|
|
|
49
|
+
&[class^='mat-'],
|
|
50
|
+
&[class*=' mat-'] {
|
|
51
|
+
&::before {
|
|
52
|
+
margin-left: -4px;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
49
56
|
&:empty {
|
|
50
57
|
padding: 0;
|
|
51
58
|
min-width: 36px;
|
|
@@ -437,10 +437,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
437
437
|
.el-checkbox-button--mini .el-checkbox-button__inner {
|
|
438
438
|
--el-button-size: 28px;
|
|
439
439
|
height: var(--el-button-size);
|
|
440
|
-
padding: 5px
|
|
440
|
+
padding: 5px 11px;
|
|
441
441
|
font-size: 12px;
|
|
442
442
|
border-radius: 0;
|
|
443
443
|
}
|
|
444
444
|
.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
|
|
445
|
-
padding: 5px
|
|
445
|
+
padding: 5px 11px;
|
|
446
446
|
}
|
|
@@ -560,8 +560,8 @@ $alert: map.merge(
|
|
|
560
560
|
'title-font-size': 12px,
|
|
561
561
|
'title-with-description-font-size': 12px,
|
|
562
562
|
'description-font-size': 10px,
|
|
563
|
-
'close-font-size':
|
|
564
|
-
'close-customed-font-size':
|
|
563
|
+
'close-font-size': 12px,
|
|
564
|
+
'close-customed-font-size': 12px,
|
|
565
565
|
'icon-size': 12px,
|
|
566
566
|
'icon-large-size': 32px,
|
|
567
567
|
),
|
|
@@ -835,7 +835,7 @@ $button-padding-horizontal: map.merge(
|
|
|
835
835
|
'large': 16px,
|
|
836
836
|
'medium': 16px,
|
|
837
837
|
'small': 16px,
|
|
838
|
-
'mini':
|
|
838
|
+
'mini': 12px,
|
|
839
839
|
),
|
|
840
840
|
$button-padding-horizontal
|
|
841
841
|
);
|
|
@@ -866,7 +866,7 @@ $dialog: map.merge(
|
|
|
866
866
|
'box-shadow': getCssVar('box-shadow'),
|
|
867
867
|
'title-font-size': 18px,
|
|
868
868
|
'title-line-height': 22px,
|
|
869
|
-
'content-font-size':
|
|
869
|
+
'content-font-size': 12px,
|
|
870
870
|
'content-line-height': 22px,
|
|
871
871
|
'padding-primary': 24px,
|
|
872
872
|
'border-radius': 8px,
|
|
@@ -1025,7 +1025,7 @@ $pagination: map.merge(
|
|
|
1025
1025
|
'border-radius': 2px,
|
|
1026
1026
|
'button-color': getCssVar('color-neutral-light-6'),
|
|
1027
1027
|
'button-width': 24px,
|
|
1028
|
-
'button-height':
|
|
1028
|
+
'button-height': 24px,
|
|
1029
1029
|
'select-height': 20px,
|
|
1030
1030
|
'button-disabled-color': getCssVar('text-color-placeholder'),
|
|
1031
1031
|
'button-disabled-bg-color': getCssVar('fill-color', 'blank'),
|
|
@@ -1413,7 +1413,7 @@ $timeline: map.merge(
|
|
|
1413
1413
|
$tabs: () !default;
|
|
1414
1414
|
$tabs: map.merge(
|
|
1415
1415
|
(
|
|
1416
|
-
'header-height':
|
|
1416
|
+
'header-height': 28px,
|
|
1417
1417
|
),
|
|
1418
1418
|
$tabs
|
|
1419
1419
|
);
|
|
@@ -304,7 +304,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
304
304
|
color: var(--el-color-neutral-light-6);
|
|
305
305
|
}
|
|
306
306
|
.el-descriptions__label:not(.is-bordered-label) {
|
|
307
|
-
color: var(--el-color-neutral-light-
|
|
307
|
+
color: var(--el-color-neutral-light-9);
|
|
308
308
|
margin-right: 6px;
|
|
309
309
|
}
|
|
310
310
|
.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
|
|
@@ -315,7 +315,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
315
315
|
color: var(--el-text-color-primary);
|
|
316
316
|
}
|
|
317
317
|
.el-descriptions__content:not(.is-bordered-label) {
|
|
318
|
-
color: var(--el-
|
|
318
|
+
color: var(--el-color-neutral-light-6);
|
|
319
319
|
}
|
|
320
320
|
|
|
321
321
|
.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
|
|
@@ -34,7 +34,7 @@ $descriptions-item-vertical-label-padding-bottom: map.merge(
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
&:not(.is-bordered-label) {
|
|
37
|
-
color: getCssVar('color', 'neutral-light-
|
|
37
|
+
color: getCssVar('color', 'neutral-light-9');
|
|
38
38
|
margin-right: map.get($descriptions-item-label-margin-right, 'default');
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -49,7 +49,7 @@ $descriptions-item-vertical-label-padding-bottom: map.merge(
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
&:not(.is-bordered-label) {
|
|
52
|
-
color: getCssVar('
|
|
52
|
+
color: getCssVar('color', 'neutral-light-6');
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
@@ -344,7 +344,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
344
344
|
--el-dialog-box-shadow: var(--el-box-shadow);
|
|
345
345
|
--el-dialog-title-font-size: 18px;
|
|
346
346
|
--el-dialog-title-line-height: 22px;
|
|
347
|
-
--el-dialog-content-font-size:
|
|
347
|
+
--el-dialog-content-font-size: 12px;
|
|
348
348
|
--el-dialog-content-line-height: 22px;
|
|
349
349
|
--el-dialog-padding-primary: 24px;
|
|
350
350
|
--el-dialog-border-radius: 8px;
|
|
@@ -409,11 +409,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
409
409
|
font-size: var(--el-message-close-size, 12px);
|
|
410
410
|
}
|
|
411
411
|
.el-dialog__headerbtn .el-dialog__close {
|
|
412
|
-
color: var(--el-color-
|
|
412
|
+
color: var(--el-color-neutral-light-9);
|
|
413
413
|
font-size: inherit;
|
|
414
414
|
}
|
|
415
415
|
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
|
|
416
|
-
color: var(--el-color-
|
|
416
|
+
color: var(--el-color-neutral-light-9);
|
|
417
417
|
}
|
|
418
418
|
|
|
419
419
|
.el-dialog__title {
|
|
@@ -424,7 +424,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.el-dialog__body {
|
|
427
|
-
color: var(--el-color-neutral-light-
|
|
427
|
+
color: var(--el-color-neutral-light-6);
|
|
428
428
|
font-size: var(--el-dialog-content-font-size);
|
|
429
429
|
line-height: var(--el-dialog-content-line-height);
|
|
430
430
|
}
|
|
@@ -432,7 +432,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
432
432
|
.el-dialog__footer {
|
|
433
433
|
display: flex;
|
|
434
434
|
gap: 30px;
|
|
435
|
-
padding-top:
|
|
435
|
+
padding-top: 16px;
|
|
436
436
|
text-align: right;
|
|
437
437
|
box-sizing: border-box;
|
|
438
438
|
}
|
|
@@ -76,14 +76,14 @@
|
|
|
76
76
|
font-size: var(#{getCssVarName('message-close-size')}, map.get($message, 'close-size'));
|
|
77
77
|
|
|
78
78
|
.#{$namespace}-dialog__close {
|
|
79
|
-
color: getCssVar('color', '
|
|
79
|
+
color: getCssVar('color', 'neutral-light-9');
|
|
80
80
|
font-size: inherit;
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
&:focus,
|
|
84
84
|
&:hover {
|
|
85
85
|
.#{$namespace}-dialog__close {
|
|
86
|
-
color: getCssVar('color', '
|
|
86
|
+
color: getCssVar('color', 'neutral-light-9');
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
}
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
@include e(body) {
|
|
99
|
-
color: getCssVar('color-neutral-light-
|
|
99
|
+
color: getCssVar('color-neutral-light-6');
|
|
100
100
|
font-size: getCssVar('dialog-content-font-size');
|
|
101
101
|
line-height: getCssVar('dialog-content-line-height');
|
|
102
102
|
}
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
@include e(footer) {
|
|
105
105
|
display: flex;
|
|
106
106
|
gap: 30px;
|
|
107
|
-
padding-top:
|
|
107
|
+
padding-top: 16px;
|
|
108
108
|
text-align: right;
|
|
109
109
|
box-sizing: border-box;
|
|
110
110
|
|
|
@@ -426,6 +426,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
426
426
|
border: none;
|
|
427
427
|
border-radius: var(--el-border-radius-small);
|
|
428
428
|
box-shadow: var(--el-box-shadow-light);
|
|
429
|
+
gap: 2px;
|
|
430
|
+
display: flex;
|
|
431
|
+
flex-direction: column;
|
|
429
432
|
list-style: none;
|
|
430
433
|
}
|
|
431
434
|
.el-dropdown-menu__item {
|
|
@@ -433,8 +436,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
433
436
|
align-items: center;
|
|
434
437
|
white-space: nowrap;
|
|
435
438
|
list-style: none;
|
|
436
|
-
line-height:
|
|
437
|
-
padding: 5px
|
|
439
|
+
line-height: 18px;
|
|
440
|
+
padding: 5px 8px;
|
|
438
441
|
margin: 0;
|
|
439
442
|
font-size: var(--el-font-size-small);
|
|
440
443
|
font-weight: 500;
|
|
@@ -8,7 +8,7 @@ $dropdown-item-line-height: () !default;
|
|
|
8
8
|
$dropdown-item-line-height: map.merge(
|
|
9
9
|
(
|
|
10
10
|
'large': 22px,
|
|
11
|
-
'default':
|
|
11
|
+
'default': 18px,
|
|
12
12
|
'small': 20px,
|
|
13
13
|
),
|
|
14
14
|
$dropdown-item-line-height
|
|
@@ -17,7 +17,7 @@ $dropdown-item-line-height: map.merge(
|
|
|
17
17
|
$dropdown-item-padding: () !default;
|
|
18
18
|
$dropdown-item-padding: map.merge(
|
|
19
19
|
(
|
|
20
|
-
'default': 5px
|
|
20
|
+
'default': 5px 8px,
|
|
21
21
|
'large': 5px 16px,
|
|
22
22
|
'medium': 5px 16px,
|
|
23
23
|
'small': 5px 16px,
|
|
@@ -158,6 +158,9 @@ $dropdown-menu-padding-vertical: map.merge(
|
|
|
158
158
|
border: none;
|
|
159
159
|
border-radius: getCssVar('border-radius-small');
|
|
160
160
|
box-shadow: getCssVar('box-shadow-light');
|
|
161
|
+
gap: 2px;
|
|
162
|
+
display: flex;
|
|
163
|
+
flex-direction: column;
|
|
161
164
|
|
|
162
165
|
list-style: none;
|
|
163
166
|
|