@evotecit/canopyx 0.3.10 → 0.3.13

package/CanopyX.Html/Assets/canopyx-grid.css

@@ -445,12 +445,13 @@ body .cx-host.cx-chrome{padding:0;}
 .cx-data-grid .cx-grid-chip{max-width:100%;height:var(--cx-size-24px);min-height:var(--cx-size-24px);padding:0 var(--cx-size-9px);border-radius:var(--cx-size-12px);background:var(--cx-accent-soft);font-size:var(--cx-size-13px);border:0;overflow:hidden;}
 .cx-data-grid .cx-link{height:auto;min-height:0;border:0;background:transparent;color:var(--cx-accent);font-size:var(--cx-size-13px);font-weight:600;padding:0;}
 .cx-data-grid .cx-link:hover{text-decoration:underline;}
-.cx-data-grid .cx-hcell[data-cx-sort="asc"] .cx-sort::after{content:"↑";font-size:var(--cx-size-14px);color:var(--cx-accent);order:1;}
-.cx-data-grid .cx-hcell[data-cx-sort="desc"] .cx-sort::after{content:"↓";font-size:var(--cx-size-14px);color:var(--cx-accent);order:1;}
+.cx-data-grid .cx-hcell[data-cx-sort="asc"] .cx-sort::after{content:"↑";font-size:var(--cx-size-14px);color:var(--cx-accent);order:-2;}
+.cx-data-grid .cx-hcell[data-cx-sort="desc"] .cx-sort::after{content:"↓";font-size:var(--cx-size-14px);color:var(--cx-accent);order:-2;}
 .cx-data-grid .cx-hcell[aria-sort="other"] .cx-sort::before{content:none;}
 .cx-data-grid .cx-hcell :is(.cx-sort,.cx-htext){min-width:0;text-overflow:ellipsis;white-space:nowrap;}
-.cx-data-grid .cx-hcell .cx-sort{display:flex;align-items:center;gap:4px;min-width:24px;text-align:inherit;}
-.cx-sort-priority{font-size:var(--cx-size-10px);color:var(--cx-accent);order:2;align-self:start;}
+.cx-data-grid .cx-hcell .cx-sort{display:flex;flex:1;align-items:center;gap:4px;min-width:24px;text-align:inherit;}
+.cx-data-grid .cx-hcell.cx-kind-number .cx-htext{text-align:end;}
+.cx-sort-priority{font-size:var(--cx-size-10px);color:var(--cx-accent);order:-1;align-self:start;}
 .cx-data-grid .cx-auto-row{min-height:var(--cx-row-h);contain:layout style paint;}
 .cx-pins .cx-row{contain:layout style paint;}
 .cx-data-grid .cx-auto-row > .cx-cell{padding-block:var(--cx-size-7px);}
@@ -458,10 +459,7 @@ body .cx-host.cx-chrome{padding:0;}
 .cx-data-grid .cx-row[data-cx-tone]{color:var(--cx-text);}
 .cx-data-grid.cx-row-accents .cx-row[data-cx-tone] > .cx-cell:first-child::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--cx-size-3px);background:var(--cx-row-tone);pointer-events:none;z-index:4;}
 .cx-data-grid.cx-row-accents .cx-row[data-cx-tone][aria-selected="true"] > .cx-cell:first-child::after{left:var(--cx-size-2px);}
-.cx-data-grid .cx-hcell.cx-kind-number > .cx-grid-header-filter{order:-1;}
-.cx-data-grid .cx-hcell.cx-kind-number > .cx-grid-column-menu{order:-2;margin-right:auto;}
-.cx-data-grid .cx-hcell.cx-kind-number .cx-sort::after{order:-1;}
-.cx-data-grid.cx-phone .cx-hcell.cx-kind-number > :is(.cx-grid-column-menu,.cx-grid-header-filter){order:0;margin-right:0;}
+.cx-data-grid .cx-hcell > .cx-grid-header-filter{order:-1;}
 .cx-data-grid .cx-grid-pager{flex:none;display:flex;align-items:center;gap:var(--cx-size-12px) var(--cx-size-20px);padding:var(--cx-size-8px) var(--cx-size-12px);border-top:var(--cx-size-1px) solid var(--cx-line);font-size:var(--cx-size-13d5px);color:var(--cx-muted);}
 .cx-data-grid .cx-grid-page-range{font-variant-numeric:tabular-nums;}
 .cx-data-grid .cx-grid-pager .cx-grid-field{flex:none;flex-direction:row;align-items:center;gap:var(--cx-size-8px);white-space:nowrap;}
@@ -539,19 +537,25 @@ body .cx-host.cx-chrome{padding:0;}
 .cx-data-grid .cx-list-cell{display:flex;align-items:center;gap:var(--cx-size-6px);}
 .cx-data-grid .cx-tag-list{flex:1;min-width:0;overflow:hidden;white-space:nowrap;}
 .cx-data-grid .cx-list-cell .cx-presenter-expand{flex:none;align-self:center;}
-.cx-data-grid .cx-grid-column-menu{width:var(--cx-size-24px);height:var(--cx-size-24px);min-height:0;padding:0;opacity:0;border:0;background:transparent;color:var(--cx-muted);}
-.cx-data-grid .cx-hcell:hover .cx-grid-column-menu,.cx-data-grid .cx-hcell:focus-within .cx-grid-column-menu,.cx-data-grid.cx-phone .cx-grid-column-menu{opacity:1;}
+.cx-data-grid .cx-grid-column-menu{position:absolute;inset-inline-end:var(--cx-size-4px);top:50%;transform:translateY(-50%);z-index:2;width:var(--cx-size-24px);height:var(--cx-size-24px);min-height:0;padding:0;opacity:var(--cx-menu-opacity,0);border:0;border-radius:var(--cx-size-6px);background:var(--cx-head-bg);color:var(--cx-muted);}
+.cx-data-grid .cx-grid-column-menu::before{content:"";position:absolute;inset-block:0;inset-inline-end:100%;width:12px;background:var(--cx-menu-fade,none);pointer-events:none;}
+@media (hover:hover){
+.cx-data-grid :where(.cx-hrow:hover) .cx-hcell.cx-menu-room{--cx-menu-opacity:.4;}
+.cx-data-grid .cx-hrow .cx-hcell:hover{--cx-menu-opacity:1;--cx-menu-fade:var(--cx-menu-gradient);}
+}
+.cx-data-grid .cx-hcell:is(:focus-within,.cx-menu-touched){--cx-menu-opacity:1;--cx-menu-fade:var(--cx-menu-gradient);}
 .cx-data-grid .cx-grid-header-filter{width:var(--cx-size-20px);height:var(--cx-size-24px);min-height:0;padding:0;border:0;background:transparent;color:var(--cx-accent);}
 .cx-grid-header-filter svg{fill:currentColor;}
 .cx-grid-column-menu svg{rotate:90deg;}
-.cx-data-grid [data-cx-pin]{position:sticky;z-index:2;background:var(--cx-surface);}
+.cx-data-grid [data-cx-pin]{z-index:2;background:var(--cx-surface);}
+.cx-data-grid.cx-scroll-x [data-cx-pin]{position:sticky;}
+.cx-data-grid:not(.cx-scroll-x) [data-cx-pin]{inset:auto!important;}
 .cx-data-grid .cx-hcell[data-cx-pin]{z-index:5;background:var(--cx-head-bg);}
-.cx-data-grid .cx-row[aria-selected="true"] [data-cx-pin]{background:var(--cx-selected-bg);}
-.cx-data-grid .cx-row:hover:not([aria-selected="true"]) [data-cx-pin]{background:var(--cx-hover-bg);}
+.cx-data-grid .cx-row[aria-selected="true"] [data-cx-pin]{background:linear-gradient(var(--cx-selected-bg),var(--cx-selected-bg)),var(--cx-surface);}
+.cx-data-grid .cx-row:hover:not([aria-selected="true"]) [data-cx-pin]{background:linear-gradient(var(--cx-hover-bg),var(--cx-hover-bg)),var(--cx-surface);}
 .cx-data-grid .cx-cell[data-cx-pin]{box-shadow:none;}
 .cx-data-grid.cx-scroll-left [data-cx-pin="left"].cx-pin-edge{box-shadow:var(--cx-size-4px) 0 var(--cx-size-8px) color-mix(in srgb,var(--cx-shadow-ink) 8%,transparent);}
 .cx-data-grid.cx-scroll-right [data-cx-pin="right"].cx-pin-edge{box-shadow:var(--cx-size-neg-4px) 0 var(--cx-size-8px) color-mix(in srgb,var(--cx-shadow-ink) 8%,transparent);}
-@media (any-pointer:coarse){.cx-data-grid .cx-grid-column-menu{opacity:1;}.cx-data-grid .cx-hcell.cx-kind-number > :is(.cx-grid-column-menu,.cx-grid-header-filter){order:0;margin-right:0;}}
 .cx-state{display:grid;justify-items:center;gap:var(--cx-size-6px);padding:var(--cx-size-44px) var(--cx-size-16px);text-align:center;}
 .cx-state h4{margin:0;font-size:var(--cx-size-16px);}
 .cx-state p{color:var(--cx-muted);font-size:var(--cx-size-14px);max-width:var(--cx-size-46ch);}
@@ -589,7 +593,8 @@ body .cx-host.cx-chrome{padding:0;}
 .cx-grid-overlay :focus-visible{outline:var(--cx-size-2px) solid var(--cx-accent);outline-offset:var(--cx-size-2px);}
 .cx-grid-overlay [data-cx-pointer-focus]:focus-visible{outline:none;}
 .cx-data-grid .cx-hrow{height:auto;min-height:var(--cx-head-h);align-items:stretch;}
-.cx-data-grid .cx-hcell{padding-block:6px;}
+.cx-data-grid .cx-hcell{padding-block:6px;--cx-menu-gradient:linear-gradient(to right,transparent,var(--cx-head-bg));}
+.cx-data-grid .cx-hcell:dir(rtl){--cx-menu-gradient:linear-gradient(to left,transparent,var(--cx-head-bg));}
 .cx-data-grid .cx-hcell .cx-htext{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;line-height:1.25;text-wrap:balance;overflow:hidden;max-height:2.5em;}
 .cx-data-grid .cx-htext{flex:1;min-width:0;}
 .cx-data-grid.cx-phone .cx-phone-primary{align-items:flex-start;}