@vitrosoftware/common-ui-ts 1.1.68 → 1.1.70

package/css/common.css

@@ -9,6 +9,10 @@
 @import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/pdf-viewer.css');
 
+html, body {
+    overscroll-behavior-x: none;
+}
+
 :global(.vitro-opacity-low) {
     opacity: .3;
 }

package/css/std/controls/action-handler/action-handler.css

@@ -133,6 +133,7 @@
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
+    max-width: 460px;
 }
 
 .vitro-action-handler-dialog {
@@ -257,4 +258,16 @@
 .vitro-button-collapse-up {
     /* collapse-bottom.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16.5L12 9L19.5 16.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
+}
+
+@media (max-width: 800px) {
+    .vitro-action-handler-dialog-confirm .vitro-content {
+        width: 100%;
+    }
+}
+
+@media (max-width: 460px) {
+    .vitro-action-handler-dialog-confirm .vitro-content {
+        left: auto;
+    }
 }

package/css/std/controls/breadcrumbs/breadcrumbs.css

@@ -28,6 +28,7 @@
     justify-content: space-between;
     flex-direction: row-reverse;
     justify-content: flex-end;
+    list-style: none;
 }
 
 .vitro-breadcrumbs-list {

package/css/std/controls/command-menu/command-menu-dropdown-button.css

@@ -182,4 +182,7 @@
         min-width: 32px !important;
         width: 32px;
     }
+    .vitro-dropdown-button-container :global(.dropdown-menu) {
+        min-width: 100px;
+    }
 }

package/css/std/controls/criterion/criterion.css

@@ -160,11 +160,13 @@
     width: 16px;
 }
 
-.vitro-condition-list {
+.vitro-condition-list-container,
+.vitro-operator-list-container {
     position: absolute;
     z-index: 1000000;
-    top: 14px;
-    left: 0;
+}
+
+.vitro-condition-list {
     width: fit-content;
     min-width: 270px;
     border-radius: 4px;

package/css/std/controls/dialog/dialog-footer.css

@@ -8,3 +8,12 @@
     margin-top: auto;
     border-radius: 0 0 4px 4px;
 }
+
+@media (max-width: 800px) {
+    .vitro-dialog-footer {
+        justify-content: center !important;
+    }
+    button {
+        width: 100%;
+    }
+}

package/css/std/controls/dialog/dialog.css

@@ -27,4 +27,16 @@
     height: 534px;
     width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-}
+}
+
+@media (max-width: 800px) {
+    .vitro-dialog {
+        z-index: 10001 !important;
+    }
+        .vitro-dialog > div {
+            width: 100% !important;
+            height: 100% !important;
+            border-radius: 0 !important;
+            border: none !important;
+        }
+}

package/css/std/controls/login/login.css

@@ -69,7 +69,7 @@
     margin-top: 11px;
 }
 
-.vitro-link, .vitro-link:visited {
+.vitro-link, vitro-link-register, .vitro-link:visited {
     color: #347FDE;
     text-align: center;
     font-size: 16px;
@@ -216,4 +216,52 @@
     background-repeat: no-repeat;
     /* copyright.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98598 5.63043H9.12827C9.07755 5.38373 8.98878 5.167 8.86197 4.98024C8.73746 4.79348 8.58529 4.63669 8.40545 4.50988C8.22791 4.38076 8.03078 4.28393 7.81404 4.21937C7.59731 4.15481 7.37136 4.12253 7.13618 4.12253C6.70732 4.12253 6.31882 4.2309 5.97066 4.44763C5.62481 4.66436 5.34929 4.9837 5.14408 5.40563C4.94119 5.82757 4.83974 6.34519 4.83974 6.9585C4.83974 7.5718 4.94119 8.08943 5.14408 8.51136C5.34929 8.9333 5.62481 9.25264 5.97066 9.46937C6.31882 9.6861 6.70732 9.79447 7.13618 9.79447C7.37136 9.79447 7.59731 9.76219 7.81404 9.69763C8.03078 9.63307 8.22791 9.53738 8.40545 9.41057C8.58529 9.28146 8.73746 9.12352 8.86197 8.93676C8.98878 8.74769 9.07755 8.53096 9.12827 8.28656H9.98598C9.92142 8.64855 9.80383 8.9725 9.63321 9.2584C9.46259 9.5443 9.25047 9.78755 8.99685 9.98814C8.74323 10.1864 8.45848 10.3375 8.1426 10.4412C7.82903 10.545 7.49356 10.5968 7.13618 10.5968C6.53209 10.5968 5.99487 10.4493 5.52452 10.1542C5.05416 9.85903 4.6841 9.43939 4.41434 8.89526C4.14458 8.35112 4.0097 7.70553 4.0097 6.9585C4.0097 6.21146 4.14458 5.56588 4.41434 5.02174C4.6841 4.4776 5.05416 4.05797 5.52452 3.76285C5.99487 3.46772 6.53209 3.32016 7.13618 3.32016C7.49356 3.32016 7.82903 3.37204 8.1426 3.47579C8.45848 3.57955 8.74323 3.73172 8.99685 3.93231C9.25047 4.1306 9.46259 4.37269 9.63321 4.6586C9.80383 4.94219 9.92142 5.26614 9.98598 5.63043ZM6.99784 13.6126C6.26233 13.6126 5.56141 13.5008 4.89507 13.2772C4.23104 13.0535 3.62119 12.7376 3.06553 12.3295C2.51217 11.9237 2.03144 11.443 1.62333 10.8874C1.21754 10.334 0.902812 9.7253 0.679163 9.06126C0.455513 8.39493 0.343688 7.69401 0.343688 6.9585C0.343688 6.22299 0.455513 5.52322 0.679163 4.85919C0.902812 4.19285 1.21754 3.583 1.62333 3.02964C2.03144 2.47398 2.51217 1.99325 3.06553 1.58745C3.62119 1.17935 4.23104 0.863472 4.89507 0.639822C5.56141 0.416173 6.26233 0.304348 6.99784 0.304348C7.73335 0.304348 8.43312 0.416173 9.09715 0.639822C9.76348 0.863472 10.3733 1.17935 10.9267 1.58745C11.4824 1.99325 11.9631 2.47398 12.3689 3.02964C12.777 3.583 13.0929 4.19285 13.3165 4.85919C13.5402 5.52322 13.652 6.22299 13.652 6.9585C13.652 7.69401 13.5402 8.39493 13.3165 9.06126C13.0929 9.7253 12.777 10.334 12.3689 10.8874C11.9631 11.443 11.4824 11.9237 10.9267 12.3295C10.3733 12.7376 9.76348 13.0535 9.09715 13.2772C8.43312 13.5008 7.73335 13.6126 6.99784 13.6126ZM6.99784 12.8103C7.64573 12.8103 8.26134 12.7111 8.84468 12.5128C9.43032 12.3169 9.96638 12.039 10.4529 11.6793C10.9417 11.322 11.3648 10.9 11.7221 10.4135C12.0818 9.92474 12.3597 9.38867 12.5556 8.80534C12.7516 8.2197 12.8496 7.60408 12.8496 6.9585C12.8496 6.31061 12.7516 5.69499 12.5556 5.11166C12.3597 4.52602 12.0818 3.98995 11.7221 3.50346C11.3648 3.01466 10.9417 2.59157 10.4529 2.23419C9.96638 1.87451 9.43032 1.59667 8.84468 1.40069C8.26134 1.20471 7.64573 1.10672 6.99784 1.10672C6.34995 1.10672 5.73318 1.20471 5.14754 1.40069C4.56421 1.59667 4.02814 1.87451 3.53934 2.23419C3.05285 2.59157 2.62976 3.01466 2.27007 3.50346C1.91269 3.98995 1.63601 4.52602 1.44003 5.11166C1.24405 5.69499 1.14606 6.31061 1.14606 6.9585C1.14606 7.60408 1.24405 8.2197 1.44003 8.80534C1.63601 9.38867 1.91269 9.92474 2.27007 10.4135C2.62976 10.9 3.05285 11.322 3.53934 11.6793C4.02814 12.039 4.56421 12.3169 5.14754 12.5128C5.73318 12.7111 6.34995 12.8103 6.99784 12.8103Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+@media (max-width: 800px) {
+    .vitro-logo {
+        width: 165px;
+        height: 57px;
+        margin-bottom: 28px !important;
+    }
+
+    .vitro-title {
+        margin-bottom: 36px !important;
+    }
+
+    .vitro-login-checkbox div {
+        font-size: 14px !important;
+    }
+
+    .vitro-link {
+        font-size: 14px !important;
+    }
+
+    .vitro-link-register {
+        font-size: 16px !important;
+    }
+
+    .vitro-separator::before,
+    .vitro-separator::after {
+        width: calc((100% - 93px) / 2) !important;
+    }
+
+    .vitro-separator {
+        width: 100% !important;
+    }
+
+    .vitro-form-login {
+        margin: 0 14px;
+        width: -moz-available !important;
+        width: -webkit-fill-available !important;
+        width: fill-available !important;
+        left: 0 !important;
+        height: 573px !important;
+        top: calc(50% - 286px) !important;
+        padding: 48px 12px 24px 12px !important;
+    }
+
+    .vitro-control input {
+        -webkit-box-shadow: inset 0 0 0 50px white;
+    }
 }

package/css/std/controls/search/search.css

@@ -27,12 +27,21 @@
 }
 
 .vitro-filter :global(.ps) {
-    overflow: visible !important;
+    max-height: 300px;
+}
+
+.vitro-filter :global(.ps.ps--active-y) {
+    padding-right: 14px;
+}
+
+.vitro-filter :global(.vitro-block:last-child) > div > div {
+    margin-bottom: 0;
 }
 
 .vitro-add-field {
     position: relative;
     margin-bottom: 16px;
+    margin-top: 18px;
 }
 
 .vitro-add-field-button,

package/css/std/controls/table-view/table-view.css

@@ -44,10 +44,10 @@
     background-color: #fff;
     border: 1px solid #ff5b2d !important;
 }
-
-:global(.vitro-group-row) {
-    background: #F7F9FC;
-    font-family: 'InterMedium';
-    border-top: 1px solid #E4E6EC !important;
-    color: #4A556C !important;
+
+:global(.vitro-group-row) {
+    background: #F7F9FC;
+    font-family: 'InterMedium';
+    border-top: 1px solid #E4E6EC !important;
+    color: #4A556C !important;
 }

package/css/std/controls/table-view/treegrid.css

@@ -38,35 +38,35 @@
     background: #fff
 }
 
-.TWCustScroll3Right, .TWCustScroll3RightHidden {
+.TWCustScroll3Right, .TWCustScroll2Right, .TWCustScroll3RightHidden, .TWCustScroll2RightHidden {
     height: 10px;
     background: #fff;
 }
 
-.TWCustScroll3Left, .TWCustScroll3LeftHover {
+.TWCustScroll3Left, .TWCustScroll2Left, .TWCustScroll3LeftHover, .TWCustScroll2LeftHover {
     padding: 3px 5px;
 }
 
-.TWCustScroll3Down, .TWCustScroll3DownHidden {
+.TWCustScroll3Down, .TWCustScroll2Down, .TWCustScroll3DownHidden, .TWCustScroll2DownHidden {
     width: 10px;
     background: #fff
 }
 
-.TWCustScroll3Up, .TWCustScroll3UpHover {
+.TWCustScroll3Up, .TWCustScroll2Up, .TWCustScroll3UpHover, .TWCustScroll2UpHover {
     padding: 5px 3px;
     background: #fff
 }
 
-.TWCustScroll3SliderRight, .TWCustScroll3SliderLeft,
-.TWCustScroll3SliderRightHover, .TWCustScroll3SliderLeftHover {
+.TWCustScroll3SliderRight, .TWCustScroll2SliderRight, .TWCustScroll3SliderLeft, .TWCustScroll2SliderLeft,
+.TWCustScroll3SliderRightHover, .TWCustScroll2SliderRightHover, .TWCustScroll3SliderLeftHover, .TWCustScroll2SliderLeftHover {
     background: #E4E6EC;
     height: 4px;
     margin: 0;
     border-radius: 4px;
 }
 
-.TWCustScroll3SliderDown, .TWCustScroll3SliderUp,
-.TWCustScroll3SliderDownHover, .TWCustScroll3SliderUpHover {
+.TWCustScroll3SliderDown, .TWCustScroll2SliderDown, .TWCustScroll3SliderUp, .TWCustScroll2SliderUp,
+.TWCustScroll3SliderDownHover, .TWCustScroll2SliderDownHover, .TWCustScroll3SliderUpHover, .TWCustScroll2SliderUpHover {
     background: #E4E6EC;
     width: 4px;
     margin: 0;

package/dist/controls/Criterion/ConditionSelect.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Condition } from './Condition';
 interface ConditionSelectProps {
     itemList: Condition[];
     defaultValue?: Condition;
     onSelect: (condition: any) => any;
-    translateX: number;
 }
-export declare const ConditionSelect: (props: ConditionSelectProps) => JSX.Element;
+export declare const ConditionSelect: React.ForwardRefExoticComponent<ConditionSelectProps & React.RefAttributes<unknown>>;
 export {};

package/dist/controls/Search/Search.d.ts

@@ -5,6 +5,7 @@ import { Operator } from '../Criterion/Operator';
 interface SearchProps {
     fieldList: any[];
     visibleFieldList?: any[];
+    searchCriterionList?: SearchCriterion[];
     onFilterChange?: (searchCriterionList: SearchCriterion[]) => any;
     onSubmit: (searchCriterionList: SearchCriterion[]) => any;
     onCancel: () => any;
@@ -22,7 +23,7 @@ interface SearchProps {
     labelAddField: string;
     defaultSearchFieldName: string;
     inputPlaceholder?: string;
-    maxFieldCount: number;
+    maxFieldCount?: number;
 }
 export declare const Search: (props: SearchProps) => JSX.Element;
 export {};

package/dist/index.css

@@ -9,6 +9,10 @@
 @import url('@vitrosoftware/common-ui-ts/css/third-party/sweetalert2/sweetalert2.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/pdf-viewer/pdf-viewer.css');
 
+html, body {
+    overscroll-behavior-x: none;
+}
+
 .vitro-opacity-low {
     opacity: .3;
 }
@@ -80,6 +84,7 @@
     justify-content: space-between;
     flex-direction: row-reverse;
     justify-content: flex-end;
+    list-style: none;
 }
 
 ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ {
@@ -533,12 +538,12 @@
     background-color: #fff;
     border: 1px solid #ff5b2d !important;
 }
-
-.vitro-group-row {
-    background: #F7F9FC;
-    font-family: 'InterMedium';
-    border-top: 1px solid #E4E6EC !important;
-    color: #4A556C !important;
+
+.vitro-group-row {
+    background: #F7F9FC;
+    font-family: 'InterMedium';
+    border-top: 1px solid #E4E6EC !important;
+    color: #4A556C !important;
 }
 
 ._uploader_vitro-uploader_237vX7T {
@@ -1233,6 +1238,7 @@
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
+    max-width: 460px;
 }
 
 ._action-handler_vitro-action-handler-dialog_1rRT66e {
@@ -1358,6 +1364,18 @@
     /* collapse-bottom.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 16.5L12 9L19.5 16.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
 }
+
+@media (max-width: 800px) {
+    ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp ._action-handler_vitro-content_1UEsgWV {
+        width: 100%;
+    }
+}
+
+@media (max-width: 460px) {
+    ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp ._action-handler_vitro-content_1UEsgWV {
+        left: auto;
+    }
+}
 ._action-handler-info_vitro-info-container_eNvJr3n {
     width: 100%;
     padding-top: 16px;
@@ -2229,7 +2247,7 @@
     margin-top: 11px;
 }
 
-._login_vitro-link_az1ZWIc, ._login_vitro-link_az1ZWIc:visited {
+._login_vitro-link_az1ZWIc, vitro-link-register, ._login_vitro-link_az1ZWIc:visited {
     color: #347FDE;
     text-align: center;
     font-size: 16px;
@@ -2385,6 +2403,54 @@
     background-repeat: no-repeat;
     /* copyright.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.98598 5.63043H9.12827C9.07755 5.38373 8.98878 5.167 8.86197 4.98024C8.73746 4.79348 8.58529 4.63669 8.40545 4.50988C8.22791 4.38076 8.03078 4.28393 7.81404 4.21937C7.59731 4.15481 7.37136 4.12253 7.13618 4.12253C6.70732 4.12253 6.31882 4.2309 5.97066 4.44763C5.62481 4.66436 5.34929 4.9837 5.14408 5.40563C4.94119 5.82757 4.83974 6.34519 4.83974 6.9585C4.83974 7.5718 4.94119 8.08943 5.14408 8.51136C5.34929 8.9333 5.62481 9.25264 5.97066 9.46937C6.31882 9.6861 6.70732 9.79447 7.13618 9.79447C7.37136 9.79447 7.59731 9.76219 7.81404 9.69763C8.03078 9.63307 8.22791 9.53738 8.40545 9.41057C8.58529 9.28146 8.73746 9.12352 8.86197 8.93676C8.98878 8.74769 9.07755 8.53096 9.12827 8.28656H9.98598C9.92142 8.64855 9.80383 8.9725 9.63321 9.2584C9.46259 9.5443 9.25047 9.78755 8.99685 9.98814C8.74323 10.1864 8.45848 10.3375 8.1426 10.4412C7.82903 10.545 7.49356 10.5968 7.13618 10.5968C6.53209 10.5968 5.99487 10.4493 5.52452 10.1542C5.05416 9.85903 4.6841 9.43939 4.41434 8.89526C4.14458 8.35112 4.0097 7.70553 4.0097 6.9585C4.0097 6.21146 4.14458 5.56588 4.41434 5.02174C4.6841 4.4776 5.05416 4.05797 5.52452 3.76285C5.99487 3.46772 6.53209 3.32016 7.13618 3.32016C7.49356 3.32016 7.82903 3.37204 8.1426 3.47579C8.45848 3.57955 8.74323 3.73172 8.99685 3.93231C9.25047 4.1306 9.46259 4.37269 9.63321 4.6586C9.80383 4.94219 9.92142 5.26614 9.98598 5.63043ZM6.99784 13.6126C6.26233 13.6126 5.56141 13.5008 4.89507 13.2772C4.23104 13.0535 3.62119 12.7376 3.06553 12.3295C2.51217 11.9237 2.03144 11.443 1.62333 10.8874C1.21754 10.334 0.902812 9.7253 0.679163 9.06126C0.455513 8.39493 0.343688 7.69401 0.343688 6.9585C0.343688 6.22299 0.455513 5.52322 0.679163 4.85919C0.902812 4.19285 1.21754 3.583 1.62333 3.02964C2.03144 2.47398 2.51217 1.99325 3.06553 1.58745C3.62119 1.17935 4.23104 0.863472 4.89507 0.639822C5.56141 0.416173 6.26233 0.304348 6.99784 0.304348C7.73335 0.304348 8.43312 0.416173 9.09715 0.639822C9.76348 0.863472 10.3733 1.17935 10.9267 1.58745C11.4824 1.99325 11.9631 2.47398 12.3689 3.02964C12.777 3.583 13.0929 4.19285 13.3165 4.85919C13.5402 5.52322 13.652 6.22299 13.652 6.9585C13.652 7.69401 13.5402 8.39493 13.3165 9.06126C13.0929 9.7253 12.777 10.334 12.3689 10.8874C11.9631 11.443 11.4824 11.9237 10.9267 12.3295C10.3733 12.7376 9.76348 13.0535 9.09715 13.2772C8.43312 13.5008 7.73335 13.6126 6.99784 13.6126ZM6.99784 12.8103C7.64573 12.8103 8.26134 12.7111 8.84468 12.5128C9.43032 12.3169 9.96638 12.039 10.4529 11.6793C10.9417 11.322 11.3648 10.9 11.7221 10.4135C12.0818 9.92474 12.3597 9.38867 12.5556 8.80534C12.7516 8.2197 12.8496 7.60408 12.8496 6.9585C12.8496 6.31061 12.7516 5.69499 12.5556 5.11166C12.3597 4.52602 12.0818 3.98995 11.7221 3.50346C11.3648 3.01466 10.9417 2.59157 10.4529 2.23419C9.96638 1.87451 9.43032 1.59667 8.84468 1.40069C8.26134 1.20471 7.64573 1.10672 6.99784 1.10672C6.34995 1.10672 5.73318 1.20471 5.14754 1.40069C4.56421 1.59667 4.02814 1.87451 3.53934 2.23419C3.05285 2.59157 2.62976 3.01466 2.27007 3.50346C1.91269 3.98995 1.63601 4.52602 1.44003 5.11166C1.24405 5.69499 1.14606 6.31061 1.14606 6.9585C1.14606 7.60408 1.24405 8.2197 1.44003 8.80534C1.63601 9.38867 1.91269 9.92474 2.27007 10.4135C2.62976 10.9 3.05285 11.322 3.53934 11.6793C4.02814 12.039 4.56421 12.3169 5.14754 12.5128C5.73318 12.7111 6.34995 12.8103 6.99784 12.8103Z' fill='white'/%3E%3C/svg%3E%0A");
+}
+
+@media (max-width: 800px) {
+    ._login_vitro-logo_3-qTjgy {
+        width: 165px;
+        height: 57px;
+        margin-bottom: 28px !important;
+    }
+
+    ._login_vitro-title_nfoHltS {
+        margin-bottom: 36px !important;
+    }
+
+    ._login_vitro-login-checkbox_39NOnZg div {
+        font-size: 14px !important;
+    }
+
+    ._login_vitro-link_az1ZWIc {
+        font-size: 14px !important;
+    }
+
+    ._login_vitro-link-register_3FH012R {
+        font-size: 16px !important;
+    }
+
+    ._login_vitro-separator_2jHZJHO::before,
+    ._login_vitro-separator_2jHZJHO::after {
+        width: calc((100% - 93px) / 2) !important;
+    }
+
+    ._login_vitro-separator_2jHZJHO {
+        width: 100% !important;
+    }
+
+    ._login_vitro-form-login_2nyw95B {
+        margin: 0 14px;
+        width: -moz-available !important;
+        width: -webkit-fill-available !important;
+        width: fill-available !important;
+        left: 0 !important;
+        height: 573px !important;
+        top: calc(50% - 286px) !important;
+        padding: 48px 12px 24px 12px !important;
+    }
+
+    ._login_vitro-control_3YqxIR2 input {
+        -webkit-box-shadow: inset 0 0 0 50px white;
+    }
 }
 ._password-input_vitro-button-show-password_2jL4nM-,
 ._password-input_vitro-button-hide-password_vPoUeVl {
@@ -3643,6 +3709,9 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
         min-width: 32px !important;
         width: 32px;
     }
+    ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-menu {
+        min-width: 100px;
+    }
 }
 ._sidebar-item_vitro-icon-text_3ROhyLK {
     display: none;
@@ -4240,6 +4309,15 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     margin-top: auto;
     border-radius: 0 0 4px 4px;
 }
+
+@media (max-width: 800px) {
+    ._dialog-footer_vitro-dialog-footer_2vUQ3aG {
+        justify-content: center !important;
+    }
+    button {
+        width: 100%;
+    }
+}
 
 ._dialog_vitro-dialog_2NzcRZg {
     position: fixed;
@@ -4270,7 +4348,20 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     height: 534px;
     width: 760px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-}
+}
+
+@media (max-width: 800px) {
+    ._dialog_vitro-dialog_2NzcRZg {
+        z-index: 10001 !important;
+    }
+        ._dialog_vitro-dialog_2NzcRZg > div {
+            width: 100% !important;
+            height: 100% !important;
+            border-radius: 0 !important;
+            border: none !important;
+        }
+}
+
 ._user-profile_vitro-user-profile_11XpBoQ span {
     margin-right: 10px;
     color: #5F6276;
@@ -4942,11 +5033,13 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
     width: 16px;
 }
 
-._criterion_vitro-condition-list_10UIxJI {
+._criterion_vitro-condition-list-container_ERfumwB,
+._criterion_vitro-operator-list-container_RgT0R_Z {
     position: absolute;
     z-index: 1000000;
-    top: 14px;
-    left: 0;
+}
+
+._criterion_vitro-condition-list_10UIxJI {
     width: -moz-fit-content;
     width: fit-content;
     min-width: 270px;
@@ -5183,12 +5276,21 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
 }
 
 ._search_vitro-filter_2n-Y-mS .ps {
-    overflow: visible !important;
+    max-height: 300px;
+}
+
+._search_vitro-filter_2n-Y-mS .ps.ps--active-y {
+    padding-right: 14px;
+}
+
+._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
+    margin-bottom: 0;
 }
 
 ._search_vitro-add-field_2hHt1Z2 {
     position: relative;
     margin-bottom: 16px;
+    margin-top: 18px;
 }
 
 ._search_vitro-add-field-button_30hdXYn,