@timus-networks/theme 2.4.166 → 2.4.168

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.
Files changed (35) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +76 -58
  4. package/dist/runtime/public/scss/element-plus/alert.css +18 -11
  5. package/dist/runtime/public/scss/element-plus/alert.scss +9 -7
  6. package/dist/runtime/public/scss/element-plus/button.css +3 -3
  7. package/dist/runtime/public/scss/element-plus/button.scss +1 -1
  8. package/dist/runtime/public/scss/element-plus/checkbox-button.css +2 -2
  9. package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
  10. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +1 -1
  11. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.scss +1 -1
  12. package/dist/runtime/public/scss/element-plus/date-picker.css +1 -1
  13. package/dist/runtime/public/scss/element-plus/descriptions-item.css +2 -2
  14. package/dist/runtime/public/scss/element-plus/descriptions-item.scss +2 -2
  15. package/dist/runtime/public/scss/element-plus/dialog.css +5 -5
  16. package/dist/runtime/public/scss/element-plus/dialog.scss +4 -4
  17. package/dist/runtime/public/scss/element-plus/dropdown.css +5 -2
  18. package/dist/runtime/public/scss/element-plus/dropdown.scss +5 -2
  19. package/dist/runtime/public/scss/element-plus/index.css +76 -58
  20. package/dist/runtime/public/scss/element-plus/link.scss +0 -1
  21. package/dist/runtime/public/scss/element-plus/pagination.css +11 -6
  22. package/dist/runtime/public/scss/element-plus/pagination.scss +10 -3
  23. package/dist/runtime/public/scss/element-plus/popper.css +8 -9
  24. package/dist/runtime/public/scss/element-plus/popper.scss +1 -2
  25. package/dist/runtime/public/scss/element-plus/radio-button.css +2 -2
  26. package/dist/runtime/public/scss/element-plus/switch.css +12 -12
  27. package/dist/runtime/public/scss/element-plus/switch.scss +14 -1
  28. package/dist/runtime/public/scss/element-plus/tabs.css +2 -2
  29. package/dist/runtime/public/scss/element-plus/tabs.scss +1 -1
  30. package/dist/runtime/public/scss/element-plus/tag.css +4 -0
  31. package/dist/runtime/public/scss/element-plus/tag.scss +4 -0
  32. package/dist/runtime/public/scss/element-plus/time-picker.css +1 -1
  33. package/dist/runtime/public/scss/element-plus/tooltip.css +1 -1
  34. package/dist/runtime/public/scss/element-plus/tooltip.scss +1 -1
  35. package/package.json +1 -1
@@ -569,8 +569,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
569
569
  --el-alert-title-font-size: 12px;
570
570
  --el-alert-title-with-description-font-size: 12px;
571
571
  --el-alert-description-font-size: 10px;
572
- --el-alert-close-font-size: 14px;
573
- --el-alert-close-customed-font-size: 14px;
572
+ --el-alert-close-font-size: 12px;
573
+ --el-alert-close-customed-font-size: 12px;
574
574
  --el-alert-icon-size: 12px;
575
575
  --el-alert-icon-large-size: 32px;
576
576
  position: relative;
@@ -614,6 +614,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
614
614
  }
615
615
  .el-alert--primary.is-light .el-alert__description {
616
616
  color: var(--el-color-primary-light-6);
617
+ line-height: 14px;
618
+ margin-left: -16px;
617
619
  }
618
620
  .el-alert--primary.is-dark {
619
621
  background-color: var(--el-color-primary);
@@ -633,6 +635,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
633
635
  }
634
636
  .el-alert--success.is-light .el-alert__description {
635
637
  color: var(--el-color-success-light-6);
638
+ line-height: 14px;
639
+ margin-left: -16px;
636
640
  }
637
641
  .el-alert--success.is-dark {
638
642
  background-color: var(--el-color-success);
@@ -652,6 +656,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
652
656
  }
653
657
  .el-alert--info.is-light .el-alert__description {
654
658
  color: var(--el-color-neutral-light-6);
659
+ line-height: 14px;
660
+ margin-left: -16px;
655
661
  }
656
662
  .el-alert--info.is-dark {
657
663
  background-color: var(--el-color-neutral);
@@ -671,6 +677,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
671
677
  }
672
678
  .el-alert--warning.is-light .el-alert__description {
673
679
  color: var(--el-color-warning-light-6);
680
+ line-height: 14px;
681
+ margin-left: -16px;
674
682
  }
675
683
  .el-alert--warning.is-dark {
676
684
  background-color: var(--el-color-warning);
@@ -690,6 +698,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
690
698
  }
691
699
  .el-alert--error.is-light .el-alert__description {
692
700
  color: var(--el-color-error-light-6);
701
+ line-height: 14px;
702
+ margin-left: -16px;
693
703
  }
694
704
  .el-alert--error.is-dark {
695
705
  background-color: var(--el-color-error);
@@ -709,18 +719,15 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
709
719
  speak: never;
710
720
  text-transform: none;
711
721
  font-size: var(--el-alert-icon-size);
712
- line-height: 1;
713
722
  margin-right: 5px;
714
723
  content: "info";
715
- position: absolute;
716
724
  font-weight: 500;
717
725
  width: 12px;
718
- height: 12px;
726
+ height: 18px;
719
727
  font-size: 12px;
720
- top: 14px;
721
- }
722
- .el-alert .el-alert__title {
723
- padding-left: 17px;
728
+ display: flex;
729
+ align-items: center;
730
+ justify-content: center;
724
731
  }
725
732
  .el-alert .el-alert__icon {
726
733
  display: none;
@@ -750,7 +757,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
750
757
  .el-alert__title.with-description {
751
758
  font-size: var(--el-alert-title-with-description-font-size);
752
759
  line-height: 14px;
753
- margin-top: 5px;
760
+ margin-top: 2px;
754
761
  }
755
762
 
756
763
  .el-alert .el-alert__description {
@@ -761,7 +768,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
761
768
  font-size: var(--el-alert-close-font-size);
762
769
  opacity: 1;
763
770
  position: absolute;
764
- top: 14px;
771
+ top: 11px;
765
772
  right: 16px;
766
773
  cursor: pointer;
767
774
  }
@@ -1392,7 +1399,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
1392
1399
 
1393
1400
  .el-button {
1394
1401
  display: inline-flex;
1395
- gap: 8px;
1402
+ gap: 4px;
1396
1403
  justify-content: center;
1397
1404
  align-items: center;
1398
1405
  line-height: 1;
@@ -2143,12 +2150,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
2143
2150
  padding: 0 7px;
2144
2151
  }
2145
2152
  .el-button--mini {
2146
- padding: 5px 15px;
2153
+ padding: 5px 11px;
2147
2154
  font-size: 12px;
2148
2155
  border-radius: 4px;
2149
2156
  }
2150
2157
  .el-button--mini.is-round {
2151
- padding: 5px 15px;
2158
+ padding: 5px 11px;
2152
2159
  }
2153
2160
  .el-button--mini:has(> i):not(:has(span)) {
2154
2161
  width: 28px;
@@ -3114,12 +3121,12 @@ heights > $common-component-size
3114
3121
  .el-checkbox-button--mini .el-checkbox-button__inner {
3115
3122
  --el-button-size: 28px;
3116
3123
  height: var(--el-button-size);
3117
- padding: 5px 15px;
3124
+ padding: 5px 11px;
3118
3125
  font-size: 12px;
3119
3126
  border-radius: 0;
3120
3127
  }
3121
3128
  .el-checkbox-button--mini .el-checkbox-button__inner.is-round {
3122
- padding: 5px 15px;
3129
+ padding: 5px 11px;
3123
3130
  }
3124
3131
 
3125
3132
  .el-checkbox-group {
@@ -7848,7 +7855,7 @@ heights > $common-component-size
7848
7855
  .el-time-panel {
7849
7856
  border-radius: 2px;
7850
7857
  position: relative;
7851
- width: 180px;
7858
+ min-width: 200px;
7852
7859
  left: 0;
7853
7860
  z-index: var(--el-index-top);
7854
7861
  user-select: none;
@@ -8046,7 +8053,7 @@ heights > $common-component-size
8046
8053
  color: var(--el-color-neutral-light-6);
8047
8054
  }
8048
8055
  .el-descriptions__label:not(.is-bordered-label) {
8049
- color: var(--el-color-neutral-light-6);
8056
+ color: var(--el-color-neutral-light-9);
8050
8057
  margin-right: 6px;
8051
8058
  }
8052
8059
  .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
@@ -8057,7 +8064,7 @@ heights > $common-component-size
8057
8064
  color: var(--el-text-color-primary);
8058
8065
  }
8059
8066
  .el-descriptions__content:not(.is-bordered-label) {
8060
- color: var(--el-text-color-regular);
8067
+ color: var(--el-color-neutral-light-6);
8061
8068
  }
8062
8069
 
8063
8070
  .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
@@ -8132,7 +8139,7 @@ heights > $common-component-size
8132
8139
  --el-dialog-box-shadow: var(--el-box-shadow);
8133
8140
  --el-dialog-title-font-size: 18px;
8134
8141
  --el-dialog-title-line-height: 22px;
8135
- --el-dialog-content-font-size: 14px;
8142
+ --el-dialog-content-font-size: 12px;
8136
8143
  --el-dialog-content-line-height: 22px;
8137
8144
  --el-dialog-padding-primary: 24px;
8138
8145
  --el-dialog-border-radius: 8px;
@@ -8197,11 +8204,11 @@ heights > $common-component-size
8197
8204
  font-size: var(--el-message-close-size, 12px);
8198
8205
  }
8199
8206
  .el-dialog__headerbtn .el-dialog__close {
8200
- color: var(--el-color-primary);
8207
+ color: var(--el-color-neutral-light-9);
8201
8208
  font-size: inherit;
8202
8209
  }
8203
8210
  .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
8204
- color: var(--el-color-primary);
8211
+ color: var(--el-color-neutral-light-9);
8205
8212
  }
8206
8213
 
8207
8214
  .el-dialog__title {
@@ -8212,7 +8219,7 @@ heights > $common-component-size
8212
8219
  }
8213
8220
 
8214
8221
  .el-dialog__body {
8215
- color: var(--el-color-neutral-light-7);
8222
+ color: var(--el-color-neutral-light-6);
8216
8223
  font-size: var(--el-dialog-content-font-size);
8217
8224
  line-height: var(--el-dialog-content-line-height);
8218
8225
  }
@@ -8220,7 +8227,7 @@ heights > $common-component-size
8220
8227
  .el-dialog__footer {
8221
8228
  display: flex;
8222
8229
  gap: 30px;
8223
- padding-top: 12px;
8230
+ padding-top: 16px;
8224
8231
  text-align: right;
8225
8232
  box-sizing: border-box;
8226
8233
  }
@@ -8619,6 +8626,9 @@ heights > $common-component-size
8619
8626
  border: none;
8620
8627
  border-radius: var(--el-border-radius-small);
8621
8628
  box-shadow: var(--el-box-shadow-light);
8629
+ gap: 2px;
8630
+ display: flex;
8631
+ flex-direction: column;
8622
8632
  list-style: none;
8623
8633
  }
8624
8634
  .el-dropdown-menu__item {
@@ -8626,8 +8636,8 @@ heights > $common-component-size
8626
8636
  align-items: center;
8627
8637
  white-space: nowrap;
8628
8638
  list-style: none;
8629
- line-height: 22px;
8630
- padding: 5px 16px;
8639
+ line-height: 18px;
8640
+ padding: 5px 8px;
8631
8641
  margin: 0;
8632
8642
  font-size: var(--el-font-size-small);
8633
8643
  font-weight: 500;
@@ -11234,7 +11244,7 @@ h6,
11234
11244
  --el-pagination-border-radius: 2px;
11235
11245
  --el-pagination-button-color: var(--el-color-neutral-light-6);
11236
11246
  --el-pagination-button-width: 24px;
11237
- --el-pagination-button-height: 28px;
11247
+ --el-pagination-button-height: 24px;
11238
11248
  --el-pagination-select-height: 20px;
11239
11249
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
11240
11250
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -11253,7 +11263,7 @@ h6,
11253
11263
  --el-pagination-border-radius: 2px;
11254
11264
  --el-pagination-button-color: var(--el-color-neutral-light-6);
11255
11265
  --el-pagination-button-width: 24px;
11256
- --el-pagination-button-height: 28px;
11266
+ --el-pagination-button-height: 24px;
11257
11267
  --el-pagination-select-height: 20px;
11258
11268
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
11259
11269
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -11273,6 +11283,7 @@ h6,
11273
11283
  display: flex;
11274
11284
  align-items: center;
11275
11285
  width: var(--el-pagination-width);
11286
+ margin-top: -16px;
11276
11287
  }
11277
11288
  .el-pagination .el-input__inner {
11278
11289
  text-align: center;
@@ -11282,10 +11293,11 @@ h6,
11282
11293
  }
11283
11294
  .el-pagination .el-select {
11284
11295
  width: 128px;
11296
+ height: 24px;
11285
11297
  }
11286
11298
  .el-pagination .el-select .el-select__wrapper {
11287
- height: var(--el-pagination-select-height);
11288
- min-height: var(--el-pagination-button-height);
11299
+ height: 24px;
11300
+ min-height: 24px;
11289
11301
  font-size: 12px;
11290
11302
  }
11291
11303
  .el-pagination button {
@@ -11304,7 +11316,6 @@ h6,
11304
11316
  cursor: pointer;
11305
11317
  text-align: center;
11306
11318
  box-sizing: border-box;
11307
- margin-top: -16px;
11308
11319
  }
11309
11320
  .el-pagination button * {
11310
11321
  pointer-events: none;
@@ -11385,6 +11396,11 @@ h6,
11385
11396
  }
11386
11397
  .el-pagination__editor.el-input {
11387
11398
  width: 56px;
11399
+ height: 24px;
11400
+ }
11401
+ .el-pagination__editor.el-input .el-input__wrapper {
11402
+ height: 24px;
11403
+ min-height: 24px;
11388
11404
  }
11389
11405
  .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
11390
11406
  .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
@@ -11487,7 +11503,6 @@ h6,
11487
11503
  cursor: pointer;
11488
11504
  text-align: center;
11489
11505
  box-sizing: border-box;
11490
- margin-top: -16px;
11491
11506
  }
11492
11507
  .el-pager li * {
11493
11508
  pointer-events: none;
@@ -11909,13 +11924,13 @@ h6,
11909
11924
  }
11910
11925
 
11911
11926
  .el-radio-button--mini .el-radio-button__inner {
11912
- padding: 5px 15px;
11927
+ padding: 5px 11px;
11913
11928
  font-size: 12px;
11914
11929
  border-radius: 0;
11915
11930
  height: 28px;
11916
11931
  }
11917
11932
  .el-radio-button--mini .el-radio-button__inner.is-round {
11918
- padding: 5px 15px;
11933
+ padding: 5px 11px;
11919
11934
  }
11920
11935
 
11921
11936
  .el-radio-group {
@@ -13607,7 +13622,7 @@ h6,
13607
13622
  display: inline-flex;
13608
13623
  align-items: center;
13609
13624
  position: relative;
13610
- font-size: 14px;
13625
+ font-size: 12px;
13611
13626
  line-height: 20px;
13612
13627
  height: 36px;
13613
13628
  vertical-align: middle;
@@ -13641,7 +13656,7 @@ h6,
13641
13656
  transition: var(--el-transition-duration-fast);
13642
13657
  height: 20px;
13643
13658
  display: inline-block;
13644
- font-size: 14px;
13659
+ font-size: 12px;
13645
13660
  font-weight: 500;
13646
13661
  cursor: pointer;
13647
13662
  vertical-align: middle;
@@ -13661,7 +13676,7 @@ h6,
13661
13676
 
13662
13677
  .el-switch__label * {
13663
13678
  line-height: 1;
13664
- font-size: 14px;
13679
+ font-size: 12px;
13665
13680
  display: inline-block;
13666
13681
  }
13667
13682
  .el-switch__label .el-icon {
@@ -13753,16 +13768,16 @@ h6,
13753
13768
  opacity: 0;
13754
13769
  }
13755
13770
  .el-switch--large {
13756
- font-size: 14px;
13771
+ font-size: 16px;
13757
13772
  line-height: 24px;
13758
13773
  height: 40px;
13759
13774
  }
13760
13775
  .el-switch--large .el-switch__label {
13761
13776
  height: 24px;
13762
- font-size: 14px;
13777
+ font-size: 16px;
13763
13778
  }
13764
13779
  .el-switch--large .el-switch__label * {
13765
- font-size: 14px;
13780
+ font-size: 16px;
13766
13781
  }
13767
13782
 
13768
13783
  .el-switch--large .el-switch__core {
@@ -13787,16 +13802,16 @@ h6,
13787
13802
  }
13788
13803
 
13789
13804
  .el-switch--medium {
13790
- font-size: 14px;
13805
+ font-size: 12px;
13791
13806
  line-height: 20px;
13792
13807
  height: 36px;
13793
13808
  }
13794
13809
  .el-switch--medium .el-switch__label {
13795
13810
  height: 20px;
13796
- font-size: 14px;
13811
+ font-size: 12px;
13797
13812
  }
13798
13813
  .el-switch--medium .el-switch__label * {
13799
- font-size: 14px;
13814
+ font-size: 12px;
13800
13815
  }
13801
13816
 
13802
13817
  .el-switch--medium .el-switch__core {
@@ -13855,16 +13870,16 @@ h6,
13855
13870
  }
13856
13871
 
13857
13872
  .el-switch--mini {
13858
- font-size: 12px;
13873
+ font-size: 10px;
13859
13874
  line-height: 12px;
13860
13875
  height: 28px;
13861
13876
  }
13862
13877
  .el-switch--mini .el-switch__label {
13863
13878
  height: 12px;
13864
- font-size: 12px;
13879
+ font-size: 10px;
13865
13880
  }
13866
13881
  .el-switch--mini .el-switch__label * {
13867
- font-size: 12px;
13882
+ font-size: 10px;
13868
13883
  }
13869
13884
 
13870
13885
  .el-switch--mini .el-switch__core {
@@ -14859,7 +14874,7 @@ h6,
14859
14874
  }
14860
14875
 
14861
14876
  .el-tabs {
14862
- --el-tabs-header-height: 36px;
14877
+ --el-tabs-header-height: 28px;
14863
14878
  display: flex;
14864
14879
  }
14865
14880
  .el-tabs__header {
@@ -14985,7 +15000,7 @@ h6,
14985
15000
  align-items: center;
14986
15001
  justify-content: center;
14987
15002
  list-style: none;
14988
- font-size: var(--el-font-size-base);
15003
+ font-size: var(--el-font-size-small);
14989
15004
  font-weight: 500;
14990
15005
  color: var(--el-color-neutral-light-6);
14991
15006
  position: relative;
@@ -15771,6 +15786,10 @@ h6,
15771
15786
  border-color: var(--el-color-info);
15772
15787
  }
15773
15788
 
15789
+ .el-tag.el-tag--secondary {
15790
+ --el-tag-bg-color: var(--el-color-white);
15791
+ }
15792
+
15774
15793
  .el-text {
15775
15794
  --el-text-font-size: var(--el-font-size-base);
15776
15795
  --el-text-color: var(--el-text-color-regular);
@@ -16025,7 +16044,7 @@ mark.el-text {
16025
16044
  .el-tooltip.el-popper.is-dark {
16026
16045
  padding: 8px 16px;
16027
16046
  background-color: var(--el-color-neutral-light-9);
16028
- color: var(--el-color-neutral-light-6);
16047
+ color: var(--el-color-neutral-light-2);
16029
16048
  box-shadow: 0 2px 2px 0 var(--el-color-neutral-light-6);
16030
16049
  }
16031
16050
 
@@ -17078,7 +17097,6 @@ mark.el-text {
17078
17097
  z-index: 2000;
17079
17098
  font-size: 12px;
17080
17099
  line-height: 20px;
17081
- min-width: 150px;
17082
17100
  overflow-wrap: break-word;
17083
17101
  visibility: visible;
17084
17102
  }
@@ -17112,14 +17130,14 @@ mark.el-text {
17112
17130
 
17113
17131
  .el-popper__arrow {
17114
17132
  position: absolute;
17115
- width: 17px;
17116
- height: 17px;
17133
+ width: 10px;
17134
+ height: 10px;
17117
17135
  z-index: -1;
17118
17136
  }
17119
17137
  .el-popper__arrow::before {
17120
17138
  position: absolute;
17121
- width: 17px;
17122
- height: 17px;
17139
+ width: 10px;
17140
+ height: 10px;
17123
17141
  z-index: -1;
17124
17142
  content: " ";
17125
17143
  transform: rotate(45deg);
@@ -17128,25 +17146,25 @@ mark.el-text {
17128
17146
  }
17129
17147
 
17130
17148
  .el-popper[data-popper-placement^=top] > .el-popper__arrow {
17131
- bottom: -8.5px;
17149
+ bottom: -5px;
17132
17150
  }
17133
17151
  .el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
17134
17152
  border-bottom-right-radius: 2px;
17135
17153
  }
17136
17154
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
17137
- top: -8.5px;
17155
+ top: -5px;
17138
17156
  }
17139
17157
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
17140
17158
  border-top-left-radius: 2px;
17141
17159
  }
17142
17160
  .el-popper[data-popper-placement^=left] > .el-popper__arrow {
17143
- right: -8.5px;
17161
+ right: -5px;
17144
17162
  }
17145
17163
  .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
17146
17164
  border-top-right-radius: 2px;
17147
17165
  }
17148
17166
  .el-popper[data-popper-placement^=right] > .el-popper__arrow {
17149
- left: -8.5px;
17167
+ left: -5px;
17150
17168
  }
17151
17169
  .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
17152
17170
  border-bottom-left-radius: 2px;
@@ -31,7 +31,6 @@
31
31
 
32
32
  &:hover {
33
33
  color: getCssVar('link', 'hover-text-color');
34
- // border-bottom: 1px solid getCssVar('link', 'hover-text-color');
35
34
  }
36
35
 
37
36
  &:active {
@@ -307,7 +307,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
307
307
  --el-pagination-border-radius: 2px;
308
308
  --el-pagination-button-color: var(--el-color-neutral-light-6);
309
309
  --el-pagination-button-width: 24px;
310
- --el-pagination-button-height: 28px;
310
+ --el-pagination-button-height: 24px;
311
311
  --el-pagination-select-height: 20px;
312
312
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
313
313
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -326,7 +326,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
326
326
  --el-pagination-border-radius: 2px;
327
327
  --el-pagination-button-color: var(--el-color-neutral-light-6);
328
328
  --el-pagination-button-width: 24px;
329
- --el-pagination-button-height: 28px;
329
+ --el-pagination-button-height: 24px;
330
330
  --el-pagination-select-height: 20px;
331
331
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
332
332
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -346,6 +346,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
346
346
  display: flex;
347
347
  align-items: center;
348
348
  width: var(--el-pagination-width);
349
+ margin-top: -16px;
349
350
  }
350
351
  .el-pagination .el-input__inner {
351
352
  text-align: center;
@@ -355,10 +356,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
355
356
  }
356
357
  .el-pagination .el-select {
357
358
  width: 128px;
359
+ height: 24px;
358
360
  }
359
361
  .el-pagination .el-select .el-select__wrapper {
360
- height: var(--el-pagination-select-height);
361
- min-height: var(--el-pagination-button-height);
362
+ height: 24px;
363
+ min-height: 24px;
362
364
  font-size: 12px;
363
365
  }
364
366
  .el-pagination button {
@@ -377,7 +379,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
377
379
  cursor: pointer;
378
380
  text-align: center;
379
381
  box-sizing: border-box;
380
- margin-top: -16px;
381
382
  }
382
383
  .el-pagination button * {
383
384
  pointer-events: none;
@@ -458,6 +459,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
458
459
  }
459
460
  .el-pagination__editor.el-input {
460
461
  width: 56px;
462
+ height: 24px;
463
+ }
464
+ .el-pagination__editor.el-input .el-input__wrapper {
465
+ height: 24px;
466
+ min-height: 24px;
461
467
  }
462
468
  .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
463
469
  .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
@@ -560,7 +566,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
560
566
  cursor: pointer;
561
567
  text-align: center;
562
568
  box-sizing: border-box;
563
- margin-top: -16px;
564
569
  }
565
570
  .el-pager li * {
566
571
  pointer-events: none;
@@ -19,7 +19,6 @@
19
19
  cursor: pointer;
20
20
  text-align: center;
21
21
  box-sizing: border-box;
22
- margin-top: -16px;
23
22
 
24
23
  * {
25
24
  pointer-events: none;
@@ -66,6 +65,7 @@
66
65
  display: flex;
67
66
  align-items: center;
68
67
  width: getCssVar('pagination-width');
68
+ margin-top: -16px;
69
69
 
70
70
  .#{$namespace}-input__inner {
71
71
  text-align: center;
@@ -76,10 +76,11 @@
76
76
 
77
77
  .#{$namespace}-select {
78
78
  width: 128px;
79
+ height: 24px;
79
80
 
80
81
  .#{$namespace}-select__wrapper {
81
- height: getCssVar('pagination-select-height');
82
- min-height: getCssVar('pagination-button-height');
82
+ height: 24px;
83
+ min-height: 24px;
83
84
  font-size: 12px;
84
85
  }
85
86
  }
@@ -149,6 +150,12 @@
149
150
 
150
151
  &.#{$namespace}-input {
151
152
  width: 56px;
153
+ height: 24px;
154
+
155
+ .#{$namespace}-input__wrapper {
156
+ height: 24px;
157
+ min-height: 24px;
158
+ }
152
159
  }
153
160
 
154
161
  .#{$namespace}-input__inner::-webkit-inner-spin-button,
@@ -312,7 +312,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
312
312
  z-index: 2000;
313
313
  font-size: 12px;
314
314
  line-height: 20px;
315
- min-width: 150px;
316
315
  overflow-wrap: break-word;
317
316
  visibility: visible;
318
317
  }
@@ -346,14 +345,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
346
345
 
347
346
  .el-popper__arrow {
348
347
  position: absolute;
349
- width: 17px;
350
- height: 17px;
348
+ width: 10px;
349
+ height: 10px;
351
350
  z-index: -1;
352
351
  }
353
352
  .el-popper__arrow::before {
354
353
  position: absolute;
355
- width: 17px;
356
- height: 17px;
354
+ width: 10px;
355
+ height: 10px;
357
356
  z-index: -1;
358
357
  content: " ";
359
358
  transform: rotate(45deg);
@@ -362,25 +361,25 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
362
361
  }
363
362
 
364
363
  .el-popper[data-popper-placement^=top] > .el-popper__arrow {
365
- bottom: -8.5px;
364
+ bottom: -5px;
366
365
  }
367
366
  .el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
368
367
  border-bottom-right-radius: 2px;
369
368
  }
370
369
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
371
- top: -8.5px;
370
+ top: -5px;
372
371
  }
373
372
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
374
373
  border-top-left-radius: 2px;
375
374
  }
376
375
  .el-popper[data-popper-placement^=left] > .el-popper__arrow {
377
- right: -8.5px;
376
+ right: -5px;
378
377
  }
379
378
  .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
380
379
  border-top-right-radius: 2px;
381
380
  }
382
381
  .el-popper[data-popper-placement^=right] > .el-popper__arrow {
383
- left: -8.5px;
382
+ left: -5px;
384
383
  }
385
384
  .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
386
385
  border-bottom-left-radius: 2px;
@@ -14,7 +14,6 @@
14
14
  z-index: 2000;
15
15
  font-size: 12px;
16
16
  line-height: 20px;
17
- min-width: 150px;
18
17
  overflow-wrap: break-word;
19
18
  visibility: visible;
20
19
 
@@ -55,7 +54,7 @@
55
54
  padding: 0;
56
55
  }
57
56
 
58
- $arrow-size: 17px;
57
+ $arrow-size: 10px;
59
58
 
60
59
  @include e(arrow) {
61
60
  position: absolute;
@@ -425,11 +425,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
425
425
  }
426
426
 
427
427
  .el-radio-button--mini .el-radio-button__inner {
428
- padding: 5px 15px;
428
+ padding: 5px 11px;
429
429
  font-size: 12px;
430
430
  border-radius: 0;
431
431
  height: 28px;
432
432
  }
433
433
  .el-radio-button--mini .el-radio-button__inner.is-round {
434
- padding: 5px 15px;
434
+ padding: 5px 11px;
435
435
  }