admin/sao2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GRID

Browse Source
This commit is contained in:
laurentbarontini
2026-06-05 20:25:28 +02:00
parent 2835f49182
commit 28efdfef36
3 changed files with 1393 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
tryton-sao.css
View File

@@ -9691,20 +9691,20 @@ img.icon {
margin: 0 0 5px;
}
.ag-grid-tree-toolbar > .ag-grid-screen-filter-toggle-bar {
margin: 0 10px 0 auto;
margin: 0 4px 0 auto;
}
.ag-grid-screen-filter-toggle {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 30px;
padding: 4px 10px;
border: 1px solid #d6e4df;
border-radius: 8px;
background: linear-gradient(180deg, #f6fbf9 0%, #edf5f1 100%);
gap: 5px;
min-height: 26px;
padding: 2px 7px;
border: 1px solid #d8e2df;
border-radius: 6px;
background: #ffffff;
color: #355154;
box-shadow: 0 2px 7px rgba(53, 81, 84, 0.1);
font-size: 12px;
box-shadow: none;
font-size: 11.5px;
font-weight: 600;
line-height: 1.2;
text-transform: none !important;
@@ -9713,18 +9713,18 @@ img.icon {
}
.ag-grid-screen-filter-toggle:hover,
.ag-grid-screen-filter-toggle:focus {
background: linear-gradient(180deg, #f2faf7 0%, #e7f2ed 100%);
background: #f6faf8;
border-color: #bfd5cd;
color: #28484b;
box-shadow: 0 3px 9px rgba(53, 81, 84, 0.13);
box-shadow: 0 1px 1px rgba(53, 81, 84, 0.05);
}
.ag-grid-screen-filter-toggle:active {
transform: translateY(1px);
box-shadow: 0 1px 5px rgba(53, 81, 84, 0.1);
box-shadow: none;
}
.ag-grid-screen-filter-toggle .icon {
width: 14px;
height: 14px;
width: 13px;
height: 13px;
opacity: 0.78;
}
@media screen and (max-width: 991px) {
@@ -11122,24 +11122,26 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
padding: 6px 0;
gap: 5px;
min-height: 32px;
padding: 2px 0 4px;
}
.ag-grid-tree-columns > .btn,
.ag-grid-tree-grouping > .btn,
.ag-grid-tree-layouts > .btn,
.ag-grid-value-filter-mode {
.ag-grid-value-filter-mode,
.ag-grid-view-transfer-button {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 6px 12px;
border: 1px solid #d6e4df;
border-radius: 8px;
background: linear-gradient(180deg, #f6fbf9 0%, #edf5f1 100%);
gap: 5px;
min-height: 27px;
padding: 3px 8px;
border: 1px solid #d8e2df;
border-radius: 6px;
background: #ffffff;
color: #355154;
box-shadow: 0 3px 10px rgba(53, 81, 84, 0.12);
box-shadow: none;
text-transform: none !important;
transition: background-color 0.18s ease, border-color 0.18s ease,
box-shadow 0.18s ease, transform 0.18s ease;
@@ -11149,20 +11151,23 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
.ag-grid-tree-grouping > .btn:hover,
.ag-grid-tree-layouts > .btn:hover,
.ag-grid-value-filter-mode:hover,
.ag-grid-view-transfer-button:hover,
.ag-grid-tree-columns > .btn:focus,
.ag-grid-tree-grouping > .btn:focus,
.ag-grid-tree-layouts > .btn:focus,
.ag-grid-value-filter-mode:focus {
.ag-grid-value-filter-mode:focus,
.ag-grid-view-transfer-button:focus {
background: linear-gradient(180deg, #f2faf7 0%, #e7f2ed 100%);
border-color: #bfd5cd;
color: #28484b;
box-shadow: 0 5px 14px rgba(53, 81, 84, 0.16);
box-shadow: 0 1px 1px rgba(53, 81, 84, 0.05);
}
.ag-grid-tree-columns > .btn:active,
.ag-grid-tree-grouping > .btn:active,
.ag-grid-tree-layouts > .btn:active,
.ag-grid-value-filter-mode:active {
.ag-grid-value-filter-mode:active,
.ag-grid-view-transfer-button:active {
transform: translateY(1px);
box-shadow: 0 2px 8px rgba(53, 81, 84, 0.12);
}
@@ -11171,18 +11176,30 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
.ag-grid-tree-grouping-label,
.ag-grid-tree-layouts-label,
.ag-grid-value-filter-mode-label {
font-size: 12px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.01em;
letter-spacing: 0;
text-transform: none;
}
.ag-grid-value-filter-mode.active {
background: linear-gradient(180deg, #e0f4f1 0%, #cbe9e3 100%);
background: #f2faf8;
border-color: #8fc3bd;
color: #0f6f6d;
}
.ag-grid-view-transfer-button {
font-size: 11.5px;
font-weight: 600;
}
.ag-grid-tree-layouts-transfer-actions {
display: inline-flex;
align-items: center;
gap: 6px;
margin-left: auto;
}
.ag-grid-tree-grouping-panel .btn,
.ag-grid-tree-layouts-panel .btn,
.ag-grid-filter-logic-panel .btn {
@@ -11289,7 +11306,7 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
justify-content: center;
width: 16px;
height: 16px;
color: #2b8c87;
color: #6f8f8b;
vertical-align: middle;
}
@@ -11308,6 +11325,14 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
fill: none;
}
.ag-grid-tree-columns > .btn:hover .ag-grid-toolbar-icon,
.ag-grid-tree-grouping > .btn:hover .ag-grid-toolbar-icon,
.ag-grid-tree-layouts > .btn:hover .ag-grid-toolbar-icon,
.ag-grid-value-filter-mode:hover .ag-grid-toolbar-icon,
.ag-grid-value-filter-mode.active .ag-grid-toolbar-icon {
color: #2b8c87;
}
.ag-grid-tree-grouping-panel {
width: 420px;
max-width: calc(100vw - 24px);
@@ -11637,6 +11662,7 @@ html[theme="default"] .ag-grid-tree-grouping-panel input[type="checkbox"]:after
gap: 3px;
padding: 8px 18px;
border-right: 1px solid #e7efeb;
position: relative;
}
.ag-grid-summary-item:last-child {
@@ -11661,6 +11687,78 @@ html[theme="default"] .ag-grid-tree-grouping-panel input[type="checkbox"]:after
line-height: 1.15;
}
.ag-grid-summary-value-wrap {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.ag-grid-summary-variation-badge {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 7px;
right: 10px;
min-height: 16px;
padding: 0 5px;
border-radius: 4px;
font-size: 10.5px;
font-weight: 800;
line-height: 1.1;
white-space: nowrap;
}
.ag-grid-summary-variation-positive {
border: none;
background: transparent;
color: #16a34a;
}
.ag-grid-summary-variation-negative {
border: none;
background: transparent;
color: #dc2626;
}
.ag-grid-summary-item-sum .ag-grid-summary-value {
color: #111111;
font-weight: 800;
}
.ag-grid-summary-item-sum {
flex-basis: 180px;
min-width: 165px;
max-width: 230px;
padding-left: 22px;
padding-right: 28px;
}
.ag-grid-summary-item-variation {
flex-basis: 165px;
min-width: 145px;
max-width: 220px;
background: #fbfdfc;
}
.ag-grid-summary-item-variation .ag-grid-summary-value {
font-size: 17px;
font-weight: 800;
}
.ag-grid-summary-variation-up .ag-grid-summary-value {
color: #16a34a;
}
.ag-grid-summary-variation-down .ag-grid-summary-value {
color: #dc2626;
}
.ag-grid-summary-variation-flat .ag-grid-summary-value {
color: #64748b;
}
.ag-grid-tree-host {
flex: 0 0 auto;
min-height: 520px;
@@ -11790,6 +11888,12 @@ html[theme="default"] .ag-grid-tree-grouping-panel input[type="checkbox"]:after
border-right: 1px solid #e3ebe7;
}
.ag-grid-tree-host .ag-header-cell:not([col-id="__selection__"]),
.ag-grid-tree-host .ag-cell:not([col-id="__selection__"]) {
padding-left: 10px;
padding-right: 14px;
}
.ag-grid-tree-host .ag-header-cell:last-child,
.ag-grid-tree-host .ag-cell:last-child {
border-right: none;
@@ -11819,6 +11923,10 @@ html[theme="default"] .ag-grid-tree-grouping-panel input[type="checkbox"]:after
justify-content: flex-end;
}
.ag-grid-tree-host .ag-grid-right-aligned-cell {
padding-right: 18px;
}
.ag-grid-tree-host .ag-grid-badge-cell {
display: flex;
align-items: center;
@@ -12772,6 +12880,7 @@ html[data-theme-mode="dark"] .screen-container .filter-box .btn,
html[data-theme-mode="dark"] .ag-grid-tree-columns > .btn,
html[data-theme-mode="dark"] .ag-grid-tree-grouping > .btn,
html[data-theme-mode="dark"] .ag-grid-tree-layouts > .btn,
html[data-theme-mode="dark"] .ag-grid-view-transfer-button,
html[data-theme-mode="dark"] .ag-grid-tree-grouping-panel .btn,
html[data-theme-mode="dark"] .ag-grid-tree-layouts-panel .btn,
html[data-theme-mode="dark"] .ag-grid-filter-logic-panel .btn {
@@ -12787,6 +12896,7 @@ html[data-theme-mode="dark"] .screen-container .filter-box .btn:hover,
html[data-theme-mode="dark"] .ag-grid-tree-columns > .btn:hover,
html[data-theme-mode="dark"] .ag-grid-tree-grouping > .btn:hover,
html[data-theme-mode="dark"] .ag-grid-tree-layouts > .btn:hover,
html[data-theme-mode="dark"] .ag-grid-view-transfer-button:hover,
html[data-theme-mode="dark"] .ag-grid-tree-grouping-panel .btn:hover,
html[data-theme-mode="dark"] .ag-grid-tree-layouts-panel .btn:hover,
html[data-theme-mode="dark"] .ag-grid-filter-logic-panel .btn:hover {
@@ -12835,6 +12945,26 @@ html[data-theme-mode="dark"] .ag-grid-summary-value {
color: #8fe1d8;
}
html[data-theme-mode="dark"] .ag-grid-summary-item-sum .ag-grid-summary-value {
color: #111111;
}
html[data-theme-mode="dark"] .ag-grid-summary-item-variation {
background: #172321;
}
html[data-theme-mode="dark"] .ag-grid-summary-variation-positive {
border-color: transparent;
background: transparent;
color: #86efac;
}
html[data-theme-mode="dark"] .ag-grid-summary-variation-negative {
border-color: transparent;
background: transparent;
color: #fca5a5;
}
html[data-theme-mode="dark"] .form-tolerance-gauge {
color: #dce7e2;
}