@neatui/css 5.1.8 → 5.1.10

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.
@@ -47,19 +47,35 @@
47
47
  background-color: var(--co-fore);
48
48
  }
49
49
 
50
+ // 行是卡片:tr 的圆角裁不住背景,所以边框和底色画在单元格上,首尾单元格带圆角
50
51
  thead,
51
52
  tbody {
52
- tr {
53
- box-shadow: inset 0 0 0 1px var(--co-line);
54
- border-radius: 0.35em;
53
+ tr > th,
54
+ tr > td {
55
+ background-color: var(--co-fore);
56
+ border-top: 1px solid var(--co-line);
57
+ border-bottom: 1px solid var(--co-line);
58
+
59
+ &:first-child {
60
+ border-left: 1px solid var(--co-line);
61
+ border-radius: 0.35em 0 0 0.35em;
62
+ }
63
+ &:last-child {
64
+ border-right: 1px solid var(--co-line);
65
+ border-radius: 0 0.35em 0.35em 0;
66
+ }
67
+ &:only-child {
68
+ border-radius: 0.35em;
69
+ }
55
70
  }
56
71
  }
57
72
 
58
- // 边框是阴影,ux-hover 的移入底色会把它覆盖,叠加时边框放在最上层
73
+ // ux-hover 的移入底色叠在单元格内,不盖住边框
59
74
  tr.ux-hover:hover,
60
75
  .ux-hover-sub > tr:hover {
61
- box-shadow:
62
- inset 0 0 0 1px var(--co-line),
63
- inset 0 0 0 100em var(--co-text-o-xxs);
76
+ > th,
77
+ > td {
78
+ box-shadow: inset 0 0 0 100em var(--co-text-o-xxs);
79
+ }
64
80
  }
65
81
  }
package/dist/neatui.css CHANGED
@@ -30278,12 +30278,24 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
30278
30278
  [ui-table~="@d"] .table-head-fixed{
30279
30279
  background-color:var(--co-fore);
30280
30280
  }
30281
- [ui-table~="@d"] tbody tr,[ui-table~="@d"] thead tr{
30281
+ [ui-table~="@d"] tbody tr>td,[ui-table~="@d"] tbody tr>th,[ui-table~="@d"] thead tr>td,[ui-table~="@d"] thead tr>th{
30282
+ background-color:var(--co-fore);
30283
+ border-bottom:1px solid var(--co-line);
30284
+ border-top:1px solid var(--co-line);
30285
+ }
30286
+ [ui-table~="@d"] tbody tr>td:first-child,[ui-table~="@d"] tbody tr>th:first-child,[ui-table~="@d"] thead tr>td:first-child,[ui-table~="@d"] thead tr>th:first-child{
30287
+ border-left:1px solid var(--co-line);
30288
+ border-radius:.35em 0 0 .35em;
30289
+ }
30290
+ [ui-table~="@d"] tbody tr>td:last-child,[ui-table~="@d"] tbody tr>th:last-child,[ui-table~="@d"] thead tr>td:last-child,[ui-table~="@d"] thead tr>th:last-child{
30291
+ border-radius:0 .35em .35em 0;
30292
+ border-right:1px solid var(--co-line);
30293
+ }
30294
+ [ui-table~="@d"] tbody tr>td:only-child,[ui-table~="@d"] tbody tr>th:only-child,[ui-table~="@d"] thead tr>td:only-child,[ui-table~="@d"] thead tr>th:only-child{
30282
30295
  border-radius:.35em;
30283
- box-shadow:inset 0 0 0 1px var(--co-line);
30284
30296
  }
30285
- [ui-table~="@d"] .ux-hover-sub>tr:hover,[ui-table~="@d"] tr.ux-hover:hover{
30286
- box-shadow:inset 0 0 0 1px var(--co-line), inset 0 0 0 100em var(--co-text-o-xxs);
30297
+ [ui-table~="@d"] .ux-hover-sub>tr:hover>td,[ui-table~="@d"] .ux-hover-sub>tr:hover>th,[ui-table~="@d"] tr.ux-hover:hover>td,[ui-table~="@d"] tr.ux-hover:hover>th{
30298
+ box-shadow:inset 0 0 0 100em var(--co-text-o-xxs);
30287
30299
  }
30288
30300
 
30289
30301
  [ui-tabs~="@a"]{