@timus-networks/theme 2.4.165 → 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 (42) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/module.mjs +1 -1
  3. package/dist/runtime/assets/scss/main.css +79 -61
  4. package/dist/runtime/public/scss/_variables.scss +1 -1
  5. package/dist/runtime/public/scss/element-plus/alert.css +18 -11
  6. package/dist/runtime/public/scss/element-plus/alert.scss +9 -7
  7. package/dist/runtime/public/scss/element-plus/button.css +3 -3
  8. package/dist/runtime/public/scss/element-plus/button.scss +1 -1
  9. package/dist/runtime/public/scss/element-plus/checkbox-button.css +2 -2
  10. package/dist/runtime/public/scss/element-plus/common/var.scss +6 -6
  11. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.css +1 -1
  12. package/dist/runtime/public/scss/element-plus/date-picker/time-picker.scss +1 -1
  13. package/dist/runtime/public/scss/element-plus/date-picker.css +1 -1
  14. package/dist/runtime/public/scss/element-plus/descriptions-item.css +2 -2
  15. package/dist/runtime/public/scss/element-plus/descriptions-item.scss +2 -2
  16. package/dist/runtime/public/scss/element-plus/dialog.css +5 -5
  17. package/dist/runtime/public/scss/element-plus/dialog.scss +4 -4
  18. package/dist/runtime/public/scss/element-plus/divider.css +2 -2
  19. package/dist/runtime/public/scss/element-plus/divider.scss +2 -2
  20. package/dist/runtime/public/scss/element-plus/dropdown.css +5 -2
  21. package/dist/runtime/public/scss/element-plus/dropdown.scss +5 -2
  22. package/dist/runtime/public/scss/element-plus/index.css +78 -61
  23. package/dist/runtime/public/scss/element-plus/link.css +0 -2
  24. package/dist/runtime/public/scss/element-plus/link.scss +2 -3
  25. package/dist/runtime/public/scss/element-plus/pagination.css +11 -4
  26. package/dist/runtime/public/scss/element-plus/pagination.scss +10 -2
  27. package/dist/runtime/public/scss/element-plus/popper.css +8 -9
  28. package/dist/runtime/public/scss/element-plus/popper.scss +1 -2
  29. package/dist/runtime/public/scss/element-plus/radio-button.css +2 -2
  30. package/dist/runtime/public/scss/element-plus/switch.css +12 -12
  31. package/dist/runtime/public/scss/element-plus/switch.scss +14 -1
  32. package/dist/runtime/public/scss/element-plus/table.css +0 -1
  33. package/dist/runtime/public/scss/element-plus/table.scss +1 -1
  34. package/dist/runtime/public/scss/element-plus/tabs.css +2 -2
  35. package/dist/runtime/public/scss/element-plus/tabs.scss +1 -1
  36. package/dist/runtime/public/scss/element-plus/tag.css +4 -0
  37. package/dist/runtime/public/scss/element-plus/tag.scss +4 -0
  38. package/dist/runtime/public/scss/element-plus/time-picker.css +1 -1
  39. package/dist/runtime/public/scss/element-plus/tooltip.css +1 -1
  40. package/dist/runtime/public/scss/element-plus/tooltip.scss +1 -1
  41. package/dist/runtime/public/scss/theme.css +1 -0
  42. 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
  }
@@ -8339,7 +8346,7 @@ heights > $common-component-size
8339
8346
  height: 1px;
8340
8347
  width: 100%;
8341
8348
  margin: 8px 0;
8342
- border-top: 1px var(--el-color-neutral-light-3) var(--el-border-style);
8349
+ border-top: 1px var(--el-color-neutral-light-2) var(--el-border-style);
8343
8350
  }
8344
8351
 
8345
8352
  .el-divider--vertical {
@@ -8349,7 +8356,7 @@ heights > $common-component-size
8349
8356
  margin: 0 8px;
8350
8357
  vertical-align: middle;
8351
8358
  position: relative;
8352
- border-left: 1px var(--el-color-neutral-light-3) var(--el-border-style);
8359
+ border-left: 1px var(--el-color-neutral-light-2) var(--el-border-style);
8353
8360
  }
8354
8361
 
8355
8362
  .el-divider__text {
@@ -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;
@@ -9978,10 +9988,8 @@ h6,
9978
9988
  outline: none;
9979
9989
  cursor: pointer;
9980
9990
  padding: 0;
9981
- font-size: var(--el-link-font-size);
9982
9991
  font-weight: var(--el-link-font-weight);
9983
9992
  color: var(--el-link-text-color);
9984
- line-height: var(--el-line-height-base);
9985
9993
  }
9986
9994
  .el-link:hover {
9987
9995
  color: var(--el-link-hover-text-color);
@@ -11236,7 +11244,7 @@ h6,
11236
11244
  --el-pagination-border-radius: 2px;
11237
11245
  --el-pagination-button-color: var(--el-color-neutral-light-6);
11238
11246
  --el-pagination-button-width: 24px;
11239
- --el-pagination-button-height: 28px;
11247
+ --el-pagination-button-height: 24px;
11240
11248
  --el-pagination-select-height: 20px;
11241
11249
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
11242
11250
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -11255,7 +11263,7 @@ h6,
11255
11263
  --el-pagination-border-radius: 2px;
11256
11264
  --el-pagination-button-color: var(--el-color-neutral-light-6);
11257
11265
  --el-pagination-button-width: 24px;
11258
- --el-pagination-button-height: 28px;
11266
+ --el-pagination-button-height: 24px;
11259
11267
  --el-pagination-select-height: 20px;
11260
11268
  --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
11261
11269
  --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
@@ -11275,6 +11283,7 @@ h6,
11275
11283
  display: flex;
11276
11284
  align-items: center;
11277
11285
  width: var(--el-pagination-width);
11286
+ margin-top: -16px;
11278
11287
  }
11279
11288
  .el-pagination .el-input__inner {
11280
11289
  text-align: center;
@@ -11284,10 +11293,11 @@ h6,
11284
11293
  }
11285
11294
  .el-pagination .el-select {
11286
11295
  width: 128px;
11296
+ height: 24px;
11287
11297
  }
11288
11298
  .el-pagination .el-select .el-select__wrapper {
11289
- height: var(--el-pagination-select-height);
11290
- min-height: var(--el-pagination-button-height);
11299
+ height: 24px;
11300
+ min-height: 24px;
11291
11301
  font-size: 12px;
11292
11302
  }
11293
11303
  .el-pagination button {
@@ -11386,6 +11396,11 @@ h6,
11386
11396
  }
11387
11397
  .el-pagination__editor.el-input {
11388
11398
  width: 56px;
11399
+ height: 24px;
11400
+ }
11401
+ .el-pagination__editor.el-input .el-input__wrapper {
11402
+ height: 24px;
11403
+ min-height: 24px;
11389
11404
  }
11390
11405
  .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
11391
11406
  .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
@@ -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 {
@@ -14001,7 +14016,6 @@ h6,
14001
14016
  color: var(--el-table-text-color);
14002
14017
  overflow: initial;
14003
14018
  border-bottom: 1px solid var(--el-table-border-color);
14004
- border-top: 1px solid var(--el-table-border-color);
14005
14019
  }
14006
14020
  .el-table__inner-wrapper {
14007
14021
  position: relative;
@@ -14860,7 +14874,7 @@ h6,
14860
14874
  }
14861
14875
 
14862
14876
  .el-tabs {
14863
- --el-tabs-header-height: 36px;
14877
+ --el-tabs-header-height: 28px;
14864
14878
  display: flex;
14865
14879
  }
14866
14880
  .el-tabs__header {
@@ -14986,7 +15000,7 @@ h6,
14986
15000
  align-items: center;
14987
15001
  justify-content: center;
14988
15002
  list-style: none;
14989
- font-size: var(--el-font-size-base);
15003
+ font-size: var(--el-font-size-small);
14990
15004
  font-weight: 500;
14991
15005
  color: var(--el-color-neutral-light-6);
14992
15006
  position: relative;
@@ -15772,6 +15786,10 @@ h6,
15772
15786
  border-color: var(--el-color-info);
15773
15787
  }
15774
15788
 
15789
+ .el-tag.el-tag--secondary {
15790
+ --el-tag-bg-color: var(--el-color-white);
15791
+ }
15792
+
15775
15793
  .el-text {
15776
15794
  --el-text-font-size: var(--el-font-size-base);
15777
15795
  --el-text-color: var(--el-text-color-regular);
@@ -16026,7 +16044,7 @@ mark.el-text {
16026
16044
  .el-tooltip.el-popper.is-dark {
16027
16045
  padding: 8px 16px;
16028
16046
  background-color: var(--el-color-neutral-light-9);
16029
- color: var(--el-color-neutral-light-6);
16047
+ color: var(--el-color-neutral-light-2);
16030
16048
  box-shadow: 0 2px 2px 0 var(--el-color-neutral-light-6);
16031
16049
  }
16032
16050
 
@@ -17079,7 +17097,6 @@ mark.el-text {
17079
17097
  z-index: 2000;
17080
17098
  font-size: 12px;
17081
17099
  line-height: 20px;
17082
- min-width: 150px;
17083
17100
  overflow-wrap: break-word;
17084
17101
  visibility: visible;
17085
17102
  }
@@ -17113,14 +17130,14 @@ mark.el-text {
17113
17130
 
17114
17131
  .el-popper__arrow {
17115
17132
  position: absolute;
17116
- width: 17px;
17117
- height: 17px;
17133
+ width: 10px;
17134
+ height: 10px;
17118
17135
  z-index: -1;
17119
17136
  }
17120
17137
  .el-popper__arrow::before {
17121
17138
  position: absolute;
17122
- width: 17px;
17123
- height: 17px;
17139
+ width: 10px;
17140
+ height: 10px;
17124
17141
  z-index: -1;
17125
17142
  content: " ";
17126
17143
  transform: rotate(45deg);
@@ -17129,25 +17146,25 @@ mark.el-text {
17129
17146
  }
17130
17147
 
17131
17148
  .el-popper[data-popper-placement^=top] > .el-popper__arrow {
17132
- bottom: -8.5px;
17149
+ bottom: -5px;
17133
17150
  }
17134
17151
  .el-popper[data-popper-placement^=top] > .el-popper__arrow::before {
17135
17152
  border-bottom-right-radius: 2px;
17136
17153
  }
17137
17154
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
17138
- top: -8.5px;
17155
+ top: -5px;
17139
17156
  }
17140
17157
  .el-popper[data-popper-placement^=bottom] > .el-popper__arrow::before {
17141
17158
  border-top-left-radius: 2px;
17142
17159
  }
17143
17160
  .el-popper[data-popper-placement^=left] > .el-popper__arrow {
17144
- right: -8.5px;
17161
+ right: -5px;
17145
17162
  }
17146
17163
  .el-popper[data-popper-placement^=left] > .el-popper__arrow::before {
17147
17164
  border-top-right-radius: 2px;
17148
17165
  }
17149
17166
  .el-popper[data-popper-placement^=right] > .el-popper__arrow {
17150
- left: -8.5px;
17167
+ left: -5px;
17151
17168
  }
17152
17169
  .el-popper[data-popper-placement^=right] > .el-popper__arrow::before {
17153
17170
  border-bottom-left-radius: 2px;
@@ -430,10 +430,8 @@ h6,
430
430
  outline: none;
431
431
  cursor: pointer;
432
432
  padding: 0;
433
- font-size: var(--el-link-font-size);
434
433
  font-weight: var(--el-link-font-weight);
435
434
  color: var(--el-link-text-color);
436
- line-height: var(--el-line-height-base);
437
435
  }
438
436
  .el-link:hover {
439
437
  color: var(--el-link-hover-text-color);
@@ -23,15 +23,14 @@
23
23
  outline: none;
24
24
  cursor: pointer;
25
25
  padding: 0;
26
- font-size: getCssVar('link', 'font-size');
26
+ // font-size: getCssVar('link', 'font-size');
27
27
  font-weight: getCssVar('link', 'font-weight');
28
28
  color: getCssVar('link', 'text-color');
29
- line-height: getCssVar('line-height', 'base');
29
+ // line-height: getCssVar('line-height', 'base');
30
30
  // border-bottom: 1px solid transparent;
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 {
@@ -457,6 +459,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
457
459
  }
458
460
  .el-pagination__editor.el-input {
459
461
  width: 56px;
462
+ height: 24px;
463
+ }
464
+ .el-pagination__editor.el-input .el-input__wrapper {
465
+ height: 24px;
466
+ min-height: 24px;
460
467
  }
461
468
  .el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
462
469
  .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
@@ -65,6 +65,7 @@
65
65
  display: flex;
66
66
  align-items: center;
67
67
  width: getCssVar('pagination-width');
68
+ margin-top: -16px;
68
69
 
69
70
  .#{$namespace}-input__inner {
70
71
  text-align: center;
@@ -75,10 +76,11 @@
75
76
 
76
77
  .#{$namespace}-select {
77
78
  width: 128px;
79
+ height: 24px;
78
80
 
79
81
  .#{$namespace}-select__wrapper {
80
- height: getCssVar('pagination-select-height');
81
- min-height: getCssVar('pagination-button-height');
82
+ height: 24px;
83
+ min-height: 24px;
82
84
  font-size: 12px;
83
85
  }
84
86
  }
@@ -148,6 +150,12 @@
148
150
 
149
151
  &.#{$namespace}-input {
150
152
  width: 56px;
153
+ height: 24px;
154
+
155
+ .#{$namespace}-input__wrapper {
156
+ height: 24px;
157
+ min-height: 24px;
158
+ }
151
159
  }
152
160
 
153
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
  }