@vitrosoftware/common-ui-ts 1.1.113 → 1.1.115

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

@@ -749,7 +749,10 @@
 }
 
 .TWCfgMenuMain {
-    margin-top: -5%;
+    max-width: calc(100% - 30px);
+    left: 50% !important;
+    top: 50% !important;
+    transform: translate(-50%, -50%);
     border-radius: 4px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
@@ -1021,4 +1024,113 @@
 
 .TWProgressRow .TWSpaceWidthInner {
     height: 2px;
+}
+
+@media (max-width: 800px) {
+    .TWCfgMenuMain {
+        width: 100%;
+        max-width: 100%;
+        height: 100%;
+        overflow: hidden;
+        margin: 0;
+        border: none;
+        border-radius: 0;
+    }
+
+    .TWCfgMenuHeadTouch {
+        display: flex;
+        align-items: center;
+        padding: 24px !important;
+    }
+
+    .TWCfgMenuHeadTouch .TWMenuHeadTextTouch {
+        font-size: 18px;
+        line-height: 150%;
+    }
+
+    .TWCfgMenuFootTouch {
+        padding: 24px !important;
+        background-color: #F8F9FA;
+    }
+
+    .TWCfgMenuFootTouch .TWCfgMenuButtonTouch {
+        padding: 0 !important;
+        height: 40px;
+        width: 100%;
+    }
+
+    .TWCfgMenuFootTouch .TWCfgMenuButtonTouch.TWDialogButtonOk {
+        font-family: 'InterMedium';
+    }
+
+    .TWCfgMenuFootTouch .TWCfgMenuButtonTouch.TWDialogButtonCancel {
+        border: 1px solid #E4E6EC;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuOuter {
+        width: 100% !important;
+        max-height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch {
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-thumb {
+        background: #E4E6EC;
+        border-radius: 4px;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch {
+        scrollbar-color: #E4E6EC #fff;
+        scrollbar-width: thin;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-thumb:hover {
+        background: #E4E6EC;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuBody tr {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .TWCfgMenuItemTouch tr {
+        display: table-row !important;
+    }
+
+    .TWCfgMenuMain .TWCfgMenuVSeparator {
+        display: none;
+    }
+
+    .TWCfgMenuSeparatorTouch {
+        display: none;
+    }
+
+    .TWCfgMenuBoolIconRightTouch {
+        background-size: 20px !important;
+        padding-right: 0;
+        padding-left: 34px;
+        border-bottom: 1px solid rgba(228, 230, 236, 0.5);
+        background-position: 8px center;
+    }
+
+    .TWCfgMenuBoolIconRightTouch .TWMenuItemTextTouch {
+        height: 40px;
+        display: flex;
+        align-items: center;
+        padding: 0;
+    }
 }

package/css/std/controls/uploader/uploader.css

@@ -420,4 +420,21 @@
 :global(.vitro-file-icon) {
     width: 24px;
     height: 24px;
+}
+
+@media (max-width: 800px) {
+    .vitro-uploader {
+        width: unset;
+        height: unset;
+    }
+
+    .vitro-uploader:global(.vitro-upload-active),
+    .vitro-upload-container {
+        max-width: 100%;
+    }
+
+    .vitro-uploader:global(.vitro-upload-active) {
+        right: 0;
+        bottom: 12px;
+    }
 }