@vitrosoftware/common-ui-ts 1.1.227 → 1.1.228

package/css/std/controls/pdf-viewer/pdf-viewer.css

@@ -1004,4 +1004,217 @@ dialog .separator {
     border-radius: 4px;
     height: 40px;
     width: 100%;
+}
+
+#markupEditOutline {
+    border: 1px dashed #4a8cf8;
+    box-sizing: border-box;
+    position: absolute;
+    z-index: 1000;
+    cursor: move;
+}
+
+.vitro-markup-resizer {
+    border: 2px solid #4a8cf8;
+    background: #ffffff;
+    position: absolute;
+    width: 8px;
+    height: 8px;
+    box-sizing: border-box;
+}
+
+.vitro-markup-resizer-tl {
+    left: -7px;
+    top: -7px;
+    cursor: nwse-resize;
+}
+
+.vitro-markup-resizer-tc {
+    left: calc(50% - 6px);
+    top: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-tr {
+    right: -7px;
+    top: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-cl {
+    left: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-cr {
+    right: -7px;
+    top: calc(50% - 6px);
+    cursor: ew-resize;
+}
+
+.vitro-markup-resizer-bl {
+    left: -7px;
+    bottom: -7px;
+    cursor: nesw-resize;
+}
+
+.vitro-markup-resizer-bc {
+    left: calc(50% - 6px);
+    bottom: -7px;
+    cursor: ns-resize;
+}
+
+.vitro-markup-resizer-br {
+    right: -7px;
+    bottom: -7px;
+    cursor: nwse-resize;
+}
+
+#btnSelectFileDocA,
+#btnSelectFileDocB {
+    display: inline-block;
+    border: 1px solid #E4E6EC;
+    border-radius: 4px;
+    padding: 8px 16px 8px 16px;
+    background: #ffffff;
+    cursor: pointer;
+}
+
+.compare-dlg_file-select {
+    margin-bottom: 21px;
+}
+
+.compare-dlg_thumb {
+    border: none;
+    margin-bottom: 12px !important;
+    max-width: initial;
+    max-height: 151px;
+    width: 100%;
+    height: 150px;
+}
+
+.compare-dlg_thumb > canvas {
+    max-height: 100%;
+    max-width: 100%;
+}
+
+.compare-dlg-wrap .wrap-inner-bg {
+    background-color: #F7F9FC;
+    border: 1px solid #E4E6EC80;
+    border-radius: 4px;
+    padding: 20px;
+}
+
+.compare-dlg-footer {
+    background-color: #ffffff;
+    padding: 15px 24px;
+}
+
+.compare-dlg-body {
+    padding: 40px;
+}
+
+.compare-dlg-header {
+    padding: 23px 24px 22px 73px;
+    border-bottom: 1px solid #E4E6EC;
+    position: relative;
+}
+
+.compare-dlg-header:before {
+    content: "";
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    left: 24px;
+    top: 16px;
+    background: center center url('img/compare-dlg-title.svg') no-repeat;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner,
+.compare-dlg_doc-b-wrap .wrap-inner {
+    position: relative;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner:before,
+.compare-dlg_doc-b-wrap .wrap-inner:before {
+    position: absolute;
+    font-size: 16px;
+    color: #222D44;
+    height: 40px;
+    width: 40px;
+    border: 1px solid #E4E6EC80;
+    border-radius: 20px;
+    line-height: 38px;
+    font-weight: 500;
+    letter-spacing: 0;
+    background: #F7F9FC;
+    text-align: center;
+    left: -20px;
+    top: -20px;
+}
+
+.compare-dlg_doc-a-wrap .wrap-inner:before {
+    content: "A";
+}
+
+.compare-dlg_doc-b-wrap .wrap-inner:before {
+    content: "B";
+}
+
+[class^="_component-loader_vitro-component-loader"] {
+    z-index: 10100 !important;
+}
+
+[class^="_dialog_vitro-dialog"] {
+    z-index: 10200 !important;
+}
+
+.compare-dlg-wrap {
+    width: 760px;
+}
+
+.compare-dlg_doc-a_name {
+    word-break: break-all !important;
+}
+
+.compare-dlg_warning {
+    padding-bottom: 0 !important;
+    padding-top: 24px !important;
+    padding-left: 60px !important;
+}
+
+.compare-dlg-body .field-grp label {
+    background: transparent;
+}
+
+.compare-dlg-body .field-grp label > span {
+    position: relative;
+    z-index: 1000;
+}
+
+.compare-dlg-body .field-grp label:before {
+    content: "";
+    background: #ffffff;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 6px;
+    z-index: 999;
+}
+
+.compare-dlg_doc-sep {
+    width: 60px;
+}
+
+.compare-dlg_doc-a-wrap,
+.compare-dlg_doc-b-wrap {
+    width: calc(50% - 30px);
+}
+
+.compare-dlg_doc-a_name.field-grp,
+.compare-dlg_doc-b_name.field-grp {
+    margin-bottom: 14px !important;
+    margin-top: 1px !important;
 }

package/css/std/controls/select/select.css

@@ -9,6 +9,7 @@
     position: relative;
     justify-content: space-between;
     cursor: pointer;
+    border: 1px solid #F3F8FF;
 }
 
 .vitro-select::after {
@@ -23,6 +24,10 @@
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/select/img/collapse-up.svg');
 }
 
+.vitro-select.vitro-active {
+    border-color: #3274E0;
+}
+
 .vitro-select.vitro-active::after {
     transform: rotateX(0);
 }
@@ -44,12 +49,12 @@
     position: absolute;
     top: calc(100% + 4px);
     left: 0;
-    z-index: 1;
+    z-index: 2;
     width: 100%;
     display: none;
 }
 
-.vitro-select.vitro-active .vitro-list-container {
+.vitro-expanded {
     display: block;
 }
 
@@ -67,4 +72,23 @@
 
 .vitro-select > .vitro-item:hover {
     background: transparent;
+}
+
+.vitro-scrollbar {
+    max-height: 252px;
+}
+
+.vitro-scrollbar :global(.ps__rail-y),
+.vitro-scrollbar :global(.ps__rail-x) {
+    border: none;
+}
+
+.vitro-select:global(.vitro-select-sm) {
+    height: 32px;
+    padding: 4px 12px;
+}
+
+.vitro-select:global(.vitro-select-sm)::after {
+    width: 20px;
+    height: 20px;
 }

package/css/std/controls/tab-group/tab-group.css

@@ -4,8 +4,8 @@
     flex-direction: column;
 }
 
-.vitro-tab :global(.nav) {
-    align-items: center;
+.vitro-tab > :global(.nav) {
+    align-items: flex-end;
     justify-content: center;
     flex-wrap: nowrap;
 }
@@ -40,6 +40,7 @@
     text-align: center;
     overflow: hidden;
     padding-top: 16px;
+    min-width: 120px;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-link) {
@@ -51,8 +52,10 @@
     font-family: 'InterRegular';
     color: #4A556C;
     font-size: 14px;
-    padding-bottom: 15px;
     line-height: 150%;
+    padding: 0 12px 15px;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .vitro-tab :global(.nav) > div :global(.nav-item) a:hover {

package/css/std/controls/table-view/table-view-custom-lookup-edit.css

@@ -1,4 +1,4 @@
 .table-view-custom-lookup-edit {
    position: absolute;
    z-index: 900;
     background: #fff;
    height: 32px;
    padding: 0;
    margin: 0px !important;
 
-.table-view-custom-lookup-edit > div > div:first-child {
    min-height: initial;
    height: 32px;
    border: 0;
    border-radius: 0;
    padding: 3px 22px 3px 3px;
    width: auto;
    min-width: 100%;
    top: 4px !important;
    right: 0;
    display: none;
+.table-view-custom-lookup-edit > div > div:first-child {
    min-height: initial;
    height: 32px;
    border-radius: 0;
    padding: 3px 8px;
    width: auto;
    min-width: 100%;
    top: 4px !important;
    right: 0;
    display: none;
    height: 21px;

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

@@ -34,6 +34,10 @@
     color: #BDBDBD;
 }
 
+.TWCell .vitro-flex {
+   align-items: center;
+}
+
 .TWCell .vitro-flex > .vitro-image {
     margin-right: 4px !important;
     line-height: 24px;
@@ -60,6 +64,7 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
+    flex-shrink: 0;
 }
 
 .TWClassHoveredCell,

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

@@ -10,7 +10,7 @@
 }
 
 .vitro-table-view-context-menu-leftMain {
-    transform: translateX(19px);
+    transform: translateX(14px);
 }
 
 .vitro-table-view-popup-menuMain.TWMenuMainRight {
@@ -49,13 +49,13 @@
 .vitro-table-view-context-menuMain::before,
 vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
 .vitro-table-view-popup-menuMain.TWMenuMainRight::before {
-    left: 12px;
+    left: 10px;
 }
 
 .vitro-table-view-context-menu-leftMain::before,
 .vitro-table-view-popup-menu-topMain.TWMenuMainLeft::before,
 .vitro-table-view-popup-menuMain.TWMenuMainLeft::before {
-    right: 12px;
+    right: 10px;
 }
 
 .vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
@@ -163,6 +163,7 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
 .vitro-table-view-context-menu-leftMain .TWMenuItem {
     margin: 0 !important;
     padding: 8px 8px 8px 0 !important;
+    position: relative;
 }
 
 .vitro-table-view-context-menuMain .TWMenuItemText,
@@ -190,6 +191,24 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
     background-position-x: 12px;
 }
 
+.vitro-table-view-context-menuMain .TWMenuItem.vitro-separator,
+.vitro-table-view-popup-menuMain .TWMenuItem.vitro-separator,
+.vitro-table-view-popup-menu-topMain .TWMenuItem.vitro-separator,
+.vitro-table-view-context-menu-leftMain .TWMenuItem.vitro-separator {
+    border-top: 1px solid #E4E6EC;
+}
+
+.TWMenuItemText.TWMenuvitro-separator::before {
+    content: '';
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 1px;
+    background-color: #E4E6EC;
+}
+
 @media (max-width: 800px) {
     .vitro-table-view-context-menuMain .TWMenuFocus,
     .vitro-table-view-context-menu-leftMain .TWMenuFocus,

package/css/std/controls/video-viewer/video-viewer.css

@@ -23,7 +23,6 @@
 .vitro-body {
     height: calc(100% - 72px);
     margin-top: 72px;
-    display: flex;
 }
 
 .vitro-button-close {
@@ -43,6 +42,7 @@
     background-color: #212529;
     margin-left: auto;
     margin-right: auto;
+    height: 100%;
 }
 
 .vitro-player video {