@timus-networks/theme 2.4.137 → 2.4.140
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 +131 -97
- package/dist/runtime/components/development/example.alert.vue +16 -1
- package/dist/runtime/public/scss/element-plus/alert.css +56 -56
- package/dist/runtime/public/scss/element-plus/alert.scss +27 -36
- package/dist/runtime/public/scss/element-plus/base.css +1 -1
- package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
- package/dist/runtime/public/scss/element-plus/index.css +131 -97
- package/dist/runtime/public/scss/element-plus/link.css +1 -0
- package/dist/runtime/public/scss/element-plus/link.scss +1 -1
- package/dist/runtime/public/scss/element-plus/message-box.css +32 -11
- package/dist/runtime/public/scss/element-plus/message-box.scss +16 -10
- package/dist/runtime/public/scss/element-plus/message.css +24 -24
- package/dist/runtime/public/scss/element-plus/notification.css +4 -4
- package/dist/runtime/public/scss/element-plus/popover.css +13 -1
- package/dist/runtime/public/scss/element-plus/popover.scss +15 -1
- package/dist/runtime/public/scss/element-plus/var.css +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
@use 'mixins/var' as *;
|
|
5
5
|
@use 'common/var' as *;
|
|
6
6
|
@use 'common/popup' as *;
|
|
7
|
+
@use 'mixins/button' as *;
|
|
7
8
|
|
|
8
9
|
@include b(message-box) {
|
|
9
10
|
@include set-component-css-var('messagebox', $messagebox);
|
|
@@ -170,17 +171,22 @@
|
|
|
170
171
|
flex-basis: 100%;
|
|
171
172
|
|
|
172
173
|
&:first-of-type {
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
--el-button-bg-color: var(--el-color-white);
|
|
176
|
-
--el-button-border-color: var(--el-color-primary-light-5);
|
|
177
|
-
--el-button-hover-text-color: var(--el-color-primary-light-4);
|
|
178
|
-
--el-button-hover-bg-color: var(--el-color-white);
|
|
179
|
-
--el-button-hover-border-color: var(--el-color-primary-light-4);
|
|
180
|
-
--el-button-active-text-color: var(--el-color-primary-light-6);
|
|
181
|
-
--el-button-active-bg-color: var(--el-color-white);
|
|
182
|
-
--el-button-active-border-color: var(--el-color-primary-light-6);
|
|
174
|
+
@include button-variant('secondary');
|
|
175
|
+
// @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
|
|
183
176
|
}
|
|
177
|
+
|
|
178
|
+
// &:first-of-type {
|
|
179
|
+
// --el-button-text-color: var(--el-color-primary);
|
|
180
|
+
// --el-button-disabled-text-color: var(--el-color-primary-light-9);
|
|
181
|
+
// --el-button-bg-color: var(--el-color-white);
|
|
182
|
+
// --el-button-border-color: var(--el-color-primary-light-5);
|
|
183
|
+
// --el-button-hover-text-color: var(--el-color-primary-light-4);
|
|
184
|
+
// --el-button-hover-bg-color: var(--el-color-white);
|
|
185
|
+
// --el-button-hover-border-color: var(--el-color-primary-light-4);
|
|
186
|
+
// --el-button-active-text-color: var(--el-color-primary-light-6);
|
|
187
|
+
// --el-button-active-bg-color: var(--el-color-white);
|
|
188
|
+
// --el-button-active-border-color: var(--el-color-primary-light-6);
|
|
189
|
+
// }
|
|
184
190
|
}
|
|
185
191
|
}
|
|
186
192
|
|
|
@@ -360,6 +360,30 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
360
360
|
.el-message .el-message__closeBtn:hover {
|
|
361
361
|
color: var(--el-color-info-light-6);
|
|
362
362
|
}
|
|
363
|
+
.el-message--primary {
|
|
364
|
+
--el-message-bg-color: var(--el-color-primary-light-1);
|
|
365
|
+
--el-message-border-color: var(--el-color-primary-light-3);
|
|
366
|
+
--el-message-text-color: var(--el-color-primary);
|
|
367
|
+
}
|
|
368
|
+
.el-message--primary .el-message__content {
|
|
369
|
+
color: var(--el-message-text-color);
|
|
370
|
+
overflow-wrap: break-word;
|
|
371
|
+
}
|
|
372
|
+
.el-message--primary .el-message__closeBtn {
|
|
373
|
+
color: var(--el-color-primary);
|
|
374
|
+
}
|
|
375
|
+
.el-message--primary .el-message__closeBtn:hover {
|
|
376
|
+
color: var(--el-color-primary-light-4);
|
|
377
|
+
}
|
|
378
|
+
.el-message--primary .el-message__closeBtn:active {
|
|
379
|
+
color: var(--el-color-primary-light-6);
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.el-message .el-message-icon--primary {
|
|
383
|
+
color: var(--el-message-text-color);
|
|
384
|
+
width: 12px;
|
|
385
|
+
height: 12px;
|
|
386
|
+
}
|
|
363
387
|
.el-message--success {
|
|
364
388
|
--el-message-bg-color: var(--el-color-success-light-1);
|
|
365
389
|
--el-message-border-color: var(--el-color-success-light-3);
|
|
@@ -456,30 +480,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
456
480
|
width: 12px;
|
|
457
481
|
height: 12px;
|
|
458
482
|
}
|
|
459
|
-
.el-message--danger {
|
|
460
|
-
--el-message-bg-color: var(--el-color-danger-light-1);
|
|
461
|
-
--el-message-border-color: var(--el-color-danger-light-3);
|
|
462
|
-
--el-message-text-color: var(--el-color-danger);
|
|
463
|
-
}
|
|
464
|
-
.el-message--danger .el-message__content {
|
|
465
|
-
color: var(--el-message-text-color);
|
|
466
|
-
overflow-wrap: break-word;
|
|
467
|
-
}
|
|
468
|
-
.el-message--danger .el-message__closeBtn {
|
|
469
|
-
color: var(--el-color-danger);
|
|
470
|
-
}
|
|
471
|
-
.el-message--danger .el-message__closeBtn:hover {
|
|
472
|
-
color: var(--el-color-danger-light-4);
|
|
473
|
-
}
|
|
474
|
-
.el-message--danger .el-message__closeBtn:active {
|
|
475
|
-
color: var(--el-color-danger-light-6);
|
|
476
|
-
}
|
|
477
|
-
|
|
478
|
-
.el-message .el-message-icon--danger {
|
|
479
|
-
color: var(--el-message-text-color);
|
|
480
|
-
width: 12px;
|
|
481
|
-
height: 12px;
|
|
482
|
-
}
|
|
483
483
|
.el-message .el-message__badge {
|
|
484
484
|
position: absolute;
|
|
485
485
|
top: -8px;
|
|
@@ -378,6 +378,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
378
378
|
.el-notification .el-notification__closeBtn:hover {
|
|
379
379
|
color: var(--el-notification-close-hover-color);
|
|
380
380
|
}
|
|
381
|
+
.el-notification .el-notification--primary {
|
|
382
|
+
--el-notification-icon-color: var(--el-color-primary);
|
|
383
|
+
color: var(--el-notification-icon-color);
|
|
384
|
+
}
|
|
381
385
|
.el-notification .el-notification--success {
|
|
382
386
|
--el-notification-icon-color: var(--el-color-success);
|
|
383
387
|
color: var(--el-notification-icon-color);
|
|
@@ -394,10 +398,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
394
398
|
--el-notification-icon-color: var(--el-color-error);
|
|
395
399
|
color: var(--el-notification-icon-color);
|
|
396
400
|
}
|
|
397
|
-
.el-notification .el-notification--danger {
|
|
398
|
-
--el-notification-icon-color: var(--el-color-danger);
|
|
399
|
-
color: var(--el-notification-icon-color);
|
|
400
|
-
}
|
|
401
401
|
|
|
402
402
|
.el-notification-fade-enter-from.right {
|
|
403
403
|
right: 0;
|
|
@@ -356,11 +356,23 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
356
356
|
.popover-footer {
|
|
357
357
|
display: flex;
|
|
358
358
|
padding-top: 16px;
|
|
359
|
-
gap:
|
|
359
|
+
gap: 28px;
|
|
360
360
|
}
|
|
361
361
|
.popover-footer .el-button {
|
|
362
362
|
flex-basis: 100%;
|
|
363
363
|
@apply el-button--mini;
|
|
364
|
+
/*
|
|
365
|
+
&:first-of-type {
|
|
366
|
+
--el-button-hover-text-color: var(--el-color-primary-light-4);
|
|
367
|
+
--el-button-hover-bg-color: var(--el-color-white);
|
|
368
|
+
--el-button-hover-border-color: var(--el-color-primary-light-4);
|
|
369
|
+
--el-button-active-text-color: var(--el-color-primary-light-6);
|
|
370
|
+
--el-button-active-bg-color: var(--el-color-white);
|
|
371
|
+
--el-button-active-border-color: var(--el-color-primary-light-6);
|
|
372
|
+
--el-button-bg-color: var(--el-color-white);
|
|
373
|
+
--el-button-text-color: var(--el-color-primary);
|
|
374
|
+
}
|
|
375
|
+
*/
|
|
364
376
|
}
|
|
365
377
|
.popover-footer .el-button:first-of-type {
|
|
366
378
|
--el-button-text-color: var(--el-color-secondary-light-9);
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
.popover-footer {
|
|
58
58
|
display: flex;
|
|
59
59
|
padding-top: 16px;
|
|
60
|
-
gap:
|
|
60
|
+
gap: 28px;
|
|
61
61
|
|
|
62
62
|
.el-button {
|
|
63
63
|
flex-basis: 100%;
|
|
@@ -66,6 +66,20 @@
|
|
|
66
66
|
|
|
67
67
|
&:first-of-type {
|
|
68
68
|
@include button-variant('secondary');
|
|
69
|
+
// @include button-plain('secondary'); // for plain button bunu deneyebilirsin eğer outline olsun isteniyorsa. denemedim ama çalışır sanırım.
|
|
69
70
|
}
|
|
71
|
+
|
|
72
|
+
/*
|
|
73
|
+
&:first-of-type {
|
|
74
|
+
--el-button-hover-text-color: var(--el-color-primary-light-4);
|
|
75
|
+
--el-button-hover-bg-color: var(--el-color-white);
|
|
76
|
+
--el-button-hover-border-color: var(--el-color-primary-light-4);
|
|
77
|
+
--el-button-active-text-color: var(--el-color-primary-light-6);
|
|
78
|
+
--el-button-active-bg-color: var(--el-color-white);
|
|
79
|
+
--el-button-active-border-color: var(--el-color-primary-light-6);
|
|
80
|
+
--el-button-bg-color: var(--el-color-white);
|
|
81
|
+
--el-button-text-color: var(--el-color-primary);
|
|
82
|
+
}
|
|
83
|
+
*/
|
|
70
84
|
}
|
|
71
85
|
}
|
|
@@ -304,7 +304,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
|
|
|
304
304
|
--el-color-white: #ffffff;
|
|
305
305
|
--el-color-black: #000000;
|
|
306
306
|
--el-color-primary-rgb: 87, 55, 214;
|
|
307
|
-
--el-color-secondary-rgb:
|
|
307
|
+
--el-color-secondary-rgb: 168, 166, 177;
|
|
308
308
|
--el-color-neutral-rgb: 168, 166, 177;
|
|
309
309
|
--el-color-success-rgb: 76, 183, 112;
|
|
310
310
|
--el-color-warning-rgb: 232, 197, 82;
|
package/package.json
CHANGED