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-07 06:41:15 +02:00
parent 28efdfef36
commit 0d1b6303b8
4 changed files with 1590 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

209
tryton-sao.css
View File

@@ -11172,6 +11172,78 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
box-shadow: 0 2px 8px rgba(53, 81, 84, 0.12);
}
.ag-filter-apply-panel {
display: flex;
justify-content: flex-end;
gap: 5px;
padding: 6px 8px 8px;
}
.ag-filter-apply-panel button,
.ag-filter-apply-panel .ag-button,
.ag-filter-apply-panel .ag-standard-button,
.ag-popup .ag-filter-apply-panel button,
.ag-popup .ag-filter-apply-panel .ag-button,
.ag-popup .ag-filter-apply-panel .ag-standard-button,
.ag-theme-alpine .ag-filter-apply-panel button,
.ag-theme-alpine .ag-filter-apply-panel .ag-button,
.ag-theme-alpine .ag-filter-apply-panel .ag-standard-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 27px;
padding: 3px 8px;
border: 1px solid #d8e2df !important;
border-radius: 6px !important;
background: #ffffff !important;
color: #355154 !important;
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.2;
text-transform: none !important;
box-shadow: none !important;
transition: background-color 0.18s ease, border-color 0.18s ease,
box-shadow 0.18s ease, transform 0.18s ease;
}
.ag-filter-apply-panel button:hover,
.ag-filter-apply-panel .ag-button:hover,
.ag-filter-apply-panel .ag-standard-button:hover,
.ag-filter-apply-panel button:focus,
.ag-filter-apply-panel .ag-button:focus,
.ag-filter-apply-panel .ag-standard-button:focus,
.ag-popup .ag-filter-apply-panel button:hover,
.ag-popup .ag-filter-apply-panel .ag-button:hover,
.ag-popup .ag-filter-apply-panel .ag-standard-button:hover,
.ag-popup .ag-filter-apply-panel button:focus,
.ag-popup .ag-filter-apply-panel .ag-button:focus,
.ag-popup .ag-filter-apply-panel .ag-standard-button:focus,
.ag-theme-alpine .ag-filter-apply-panel button:hover,
.ag-theme-alpine .ag-filter-apply-panel .ag-button:hover,
.ag-theme-alpine .ag-filter-apply-panel .ag-standard-button:hover,
.ag-theme-alpine .ag-filter-apply-panel button:focus,
.ag-theme-alpine .ag-filter-apply-panel .ag-button:focus,
.ag-theme-alpine .ag-filter-apply-panel .ag-standard-button:focus {
background: linear-gradient(180deg, #f2faf7 0%, #e7f2ed 100%) !important;
border-color: #bfd5cd !important;
color: #28484b !important;
box-shadow: 0 1px 1px rgba(53, 81, 84, 0.05) !important;
}
.ag-filter-apply-panel button:active,
.ag-filter-apply-panel .ag-button:active,
.ag-filter-apply-panel .ag-standard-button:active,
.ag-popup .ag-filter-apply-panel button:active,
.ag-popup .ag-filter-apply-panel .ag-button:active,
.ag-popup .ag-filter-apply-panel .ag-standard-button:active,
.ag-theme-alpine .ag-filter-apply-panel button:active,
.ag-theme-alpine .ag-filter-apply-panel .ag-button:active,
.ag-theme-alpine .ag-filter-apply-panel .ag-standard-button:active {
transform: translateY(1px);
box-shadow: 0 2px 8px rgba(53, 81, 84, 0.12) !important;
}
.ag-grid-tree-columns-label,
.ag-grid-tree-grouping-label,
.ag-grid-tree-layouts-label,
@@ -11188,6 +11260,133 @@ html[theme="default"] .screen-container .nav-tabs > li.active > a:hover {
color: #0f6f6d;
}
.ag-grid-active-filter-chips {
display: inline-flex;
align-items: center;
gap: 4px;
min-width: 0;
max-width: min(520px, 38vw);
min-height: 32px;
overflow: hidden;
}
.ag-grid-active-filter-chips.drag-active {
min-width: 180px;
padding: 2px 6px;
border: 1px dashed #8fc3bd;
border-radius: 8px;
background: #f6fbf9;
}
.ag-grid-active-filter-chips.drag-over {
border-color: #0f817d;
background: #eef8f6;
}
.ag-grid-active-filter-drop-hint {
color: #0f6f6d;
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
.ag-grid-filter-draggable-cell {
cursor: grab;
}
.ag-grid-filter-draggable-cell:active {
cursor: grabbing;
}
.ag-grid-active-filter-chip {
display: grid;
grid-template-columns: minmax(0, 1fr) 14px;
grid-template-rows: auto auto;
column-gap: 6px;
row-gap: 1px;
align-items: center;
max-width: 190px;
min-height: 32px;
padding: 3px 5px 3px 8px;
border: 1px solid #c9ded8;
border-radius: 7px;
background: #f8fbfa;
color: #285256;
font-size: 10.5px;
font-weight: 600;
line-height: 1.2;
box-shadow: none;
}
.ag-grid-active-filter-chip:hover,
.ag-grid-active-filter-chip:focus {
border-color: #92bfb8;
background: #eff8f5;
color: #0f6f6d;
}
.ag-grid-active-filter-chip-name,
.ag-grid-active-filter-chip-detail {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ag-grid-active-filter-chip-name {
grid-column: 1;
grid-row: 1;
color: #637b87;
font-size: 10px;
font-weight: 700;
}
.ag-grid-active-filter-chip-value {
display: inline-flex;
grid-column: 1;
grid-row: 2;
min-width: 0;
gap: 4px;
color: #0f4f60;
}
.ag-grid-active-filter-chip-operator {
flex: 0 0 auto;
color: #0f817d;
font-weight: 800;
}
.ag-grid-active-filter-chip-detail {
font-weight: 700;
}
.ag-grid-active-filter-chip-remove {
display: inline-flex;
grid-column: 2;
grid-row: 1 / span 2;
align-items: center;
justify-content: center;
width: 14px;
height: 14px;
border-radius: 50%;
color: #6e8588;
font-size: 11px;
line-height: 1;
}
.ag-grid-active-filter-chip-remove:hover {
background: #dcebe7;
color: #0f6f6d;
}
.ag-grid-active-filter-chip-more {
display: inline-flex;
max-width: none;
min-height: 27px;
padding: 2px 7px;
border-radius: 999px;
}
.ag-grid-view-transfer-button {
font-size: 11.5px;
font-weight: 600;
@@ -12883,7 +13082,10 @@ 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 {
html[data-theme-mode="dark"] .ag-grid-filter-logic-panel .btn,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel button,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel .ag-button,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel .ag-standard-button {
background: linear-gradient(180deg, #213130 0%, #1a2726 100%);
border-color: #35504d;
color: #dce7e2;
@@ -12899,7 +13101,10 @@ 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 {
html[data-theme-mode="dark"] .ag-grid-filter-logic-panel .btn:hover,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel button:hover,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel .ag-button:hover,
html[data-theme-mode="dark"] .ag-theme-alpine .ag-filter-apply-panel .ag-standard-button:hover {
background: linear-gradient(180deg, #27403d 0%, #203230 100%);
border-color: #4f716c;
color: #f0faf6;