Notes

tryton-sao.css

@@ -9685,6 +9685,48 @@ img.icon {
 .filter-box {
   margin: 5px 0;
 }
+.ag-grid-screen-filter-toggle-bar {
+  display: flex;
+  justify-content: flex-start;
+  margin: 0 0 5px;
+}
+.ag-grid-tree-toolbar > .ag-grid-screen-filter-toggle-bar {
+  margin: 0 10px 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%);
+  color: #355154;
+  box-shadow: 0 2px 7px rgba(53, 81, 84, 0.1);
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.2;
+  text-transform: none !important;
+  transition: background-color 0.18s ease, border-color 0.18s ease,
+    box-shadow 0.18s ease, transform 0.18s ease;
+}
+.ag-grid-screen-filter-toggle:hover,
+.ag-grid-screen-filter-toggle:focus {
+  background: linear-gradient(180deg, #f2faf7 0%, #e7f2ed 100%);
+  border-color: #bfd5cd;
+  color: #28484b;
+  box-shadow: 0 3px 9px rgba(53, 81, 84, 0.13);
+}
+.ag-grid-screen-filter-toggle:active {
+  transform: translateY(1px);
+  box-shadow: 0 1px 5px rgba(53, 81, 84, 0.1);
+}
+.ag-grid-screen-filter-toggle .icon {
+  width: 14px;
+  height: 14px;
+  opacity: 0.78;
+}
 @media screen and (max-width: 991px) {
   .filter-box button[disabled] {
     display: none;
@@ -9696,6 +9738,13 @@ img.icon {
   flex: 1;
   overflow-y: auto;
 }
+.content-box:not(.ag-grid-content-box) {
+  flex: 1 1 auto;
+  height: auto;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: visible;
+}
 .content-box.ag-grid-content-box {
   flex: 0 0 auto;
   min-height: 0;
@@ -10788,10 +10837,10 @@ body {
   left: 0;
 }
 .row-offcanvas:not(.active) .main-offcanvas {
-  float: none;
-  flex: 0 0 100%;
-  width: 100%;
-  max-width: 100%;
+  float: none !important;
+  flex: 0 0 100% !important;
+  width: 100% !important;
+  max-width: 100% !important;
 }
 .sidebar-offcanvas {
   position: absolute !important;