@vitrosoftware/common-ui-ts 1.1.169 → 1.1.171

package/css/std/controls/bim-viewer/annotation.css

@@ -68,6 +68,7 @@
 
 .annotation-desc {
     font: normal 14px arial, serif;
+    overflow-wrap: break-word !important;
 }
 
 .hide-annotations .annotation-label,
@@ -80,6 +81,10 @@ body:not(.hide-annotations) .annotation-marker {
     visibility: visible !important;
 }
 
-body:not(.hide-annotations) .annotation-label {
-    visibility: visible !important;
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 90000 !important; 
+}
+
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 99000010 !important;
 }

package/css/std/controls/bim-viewer/bim-viewer-index.css

@@ -13269,6 +13269,10 @@ select {
     content: url('img/hide-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription::before {
+    content: url('img/hide-annotation-description.svg');
+}
+
 .toolbarButton#btnToggleSidebarNotes::before {
     content: url('img/sidebar-notes-toggle.svg');
 }
@@ -13293,6 +13297,10 @@ select {
     content: url('img/show-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription.show::before {
+    content: url('img/show-annotation-description.svg');
+}
+
 .toolbarButton#btnCreateAngleMeasurements::before {
     content: url('img/angle-measurements-create.svg');
 }
@@ -13690,6 +13698,7 @@ div.sidebar-note-id:hover {
 
 .annotation-desc {
     font: normal 14px arial, serif;
+    overflow-wrap: break-word !important;
 }
 
 .hide-annotations .annotation-label,
@@ -13702,8 +13711,12 @@ body:not(.hide-annotations) .annotation-marker {
     visibility: visible !important;
 }
 
-body:not(.hide-annotations) .annotation-label {
-    visibility: visible !important;
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 90000 !important; 
+}
+
+[class^='_component-loader_vitro-component-loader'] {
+    z-index: 99000010 !important;
 }
 
 #dlgNoteTxt {
@@ -14149,7 +14162,8 @@ a.ui-button:active,
 }
 
 .vitro-bim-viewer-issue-detail {
-    position: absolute;
+    position: fixed;
+    top: 50px;
     bottom: 0px;
     right: 0px;
     width: 410px;
@@ -14567,4 +14581,14 @@ a.ui-button:active,
     background-image: url("img/all-windows.svg");
     background-position: center center;
     margin: 0 !important;
+}
+
+#propInspector, 
+#storeyViewsSidebar,
+#treeViewContainerWrap {
+    height: calc(100% - 50px);
+}
+
+.prop-inspector-inner-wrap {
+    height: 100%;
 }

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

@@ -1,5 +1,6 @@
 .vitro-bim-viewer-issue-detail {
-    position: absolute;
+    position: fixed;
+    top: 50px;
     bottom: 0px;
     right: 0px;
     width: 410px;
@@ -417,4 +418,14 @@
     background-image: url("img/all-windows.svg");
     background-position: center center;
     margin: 0 !important;
+}
+
+#propInspector, 
+#storeyViewsSidebar,
+#treeViewContainerWrap {
+    height: calc(100% - 50px);
+}
+
+.prop-inspector-inner-wrap {
+    height: 100%;
 }

package/css/std/controls/bim-viewer/img/hide-annotation-description.svg

@@ -0,0 +1,19 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2264_794)">
+<mask id="mask0_2264_794" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="26" height="26">
+<path d="M25.334 1.5H0.333984V26.5H25.334V1.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2264_794)">
+<path d="M24.8864 9.5C24.8864 9.5 24.8864 4.79331 24.8864 3.73213C24.8864 2.67094 24.1693 1.94641 23.1007 1.94641C22.0321 1.94641 2.56501 1.94641 2.56501 1.94641C1.57879 1.94641 0.779297 2.7459 0.779297 3.73213V18.9107C0.779297 19.8969 1.57879 20.6964 2.56501 20.6964H11.334L15.834 26" stroke="white"/>
+<path d="M3.9043 5.51782L21.4768 5.51782M3.9043 9.08925H17.9054M3.9043 12.6607H14.334M3.9043 16.2321H10.7626" stroke="white"/>
+</g>
+<path d="M17.1988 17.8494C17.1551 17.7315 17.1551 17.6019 17.1988 17.484C17.625 16.4508 18.3483 15.5673 19.2771 14.9457C20.2059 14.324 21.2984 13.9922 22.416 13.9922C23.5337 13.9922 24.6261 14.324 25.555 14.9457C26.4838 15.5673 27.2071 16.4508 27.6332 17.484C27.677 17.6019 27.677 17.7315 27.6332 17.8494C27.2071 18.8826 26.4838 19.766 25.555 20.3877C24.6261 21.0093 23.5337 21.3412 22.416 21.3412C21.2984 21.3412 20.2059 21.0093 19.2771 20.3877C18.3483 19.766 17.625 18.8826 17.1988 17.8494Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4167 19.2415C23.2865 19.2415 23.9916 18.5364 23.9916 17.6666C23.9916 16.7968 23.2865 16.0917 22.4167 16.0917C21.5469 16.0917 20.8418 16.7968 20.8418 17.6666C20.8418 18.5364 21.5469 19.2415 22.4167 19.2415Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M27.334 12.5L17.334 23.5" stroke="white" stroke-linecap="square"/>
+</g>
+<defs>
+<clipPath id="clip0_2264_794">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/bim-viewer/img/show-annotation-description.svg

@@ -0,0 +1,18 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2263_777)">
+<mask id="mask0_2263_777" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="1" width="26" height="26">
+<path d="M25.334 1.5H0.333984V26.5H25.334V1.5Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2263_777)">
+<path d="M24.8864 9.5C24.8864 9.5 24.8864 4.79697 24.8864 3.73579C24.8864 2.6746 24.1693 1.95007 23.1007 1.95007C22.0321 1.95007 2.56501 1.95007 2.56501 1.95007C1.57879 1.95007 0.779297 2.74956 0.779297 3.73579V18.9144C0.779297 19.9006 1.57879 20.7001 2.56501 20.7001H11.334L15.834 26.0037" stroke="white"/>
+<path d="M3.9043 5.51794L21.4768 5.51794M3.9043 9.08937H17.9054M3.9043 12.6608H14.334M3.9043 16.2322H10.7626" stroke="white"/>
+</g>
+<path d="M17.1988 17.8494C17.1551 17.7315 17.1551 17.6019 17.1988 17.484C17.625 16.4508 18.3483 15.5673 19.2771 14.9457C20.2059 14.324 21.2984 13.9922 22.416 13.9922C23.5337 13.9922 24.6261 14.324 25.555 14.9457C26.4838 15.5673 27.2071 16.4508 27.6332 17.484C27.677 17.6019 27.677 17.7315 27.6332 17.8494C27.2071 18.8826 26.4838 19.766 25.555 20.3877C24.6261 21.0093 23.5337 21.3412 22.416 21.3412C21.2984 21.3412 20.2059 21.0093 19.2771 20.3877C18.3483 19.766 17.625 18.8826 17.1988 17.8494Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.4167 19.2415C23.2865 19.2415 23.9916 18.5364 23.9916 17.6666C23.9916 16.7968 23.2865 16.0917 22.4167 16.0917C21.5469 16.0917 20.8418 16.7968 20.8418 17.6666C20.8418 18.5364 21.5469 19.2415 22.4167 19.2415Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2263_777">
+<rect width="28" height="28" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/css/std/controls/bim-viewer/toolbar.css

@@ -88,6 +88,10 @@ select {
     content: url('img/hide-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription::before {
+    content: url('img/hide-annotation-description.svg');
+}
+
 .toolbarButton#btnToggleSidebarNotes::before {
     content: url('img/sidebar-notes-toggle.svg');
 }
@@ -112,6 +116,10 @@ select {
     content: url('img/show-annotation.svg');
 }
 
+.toolbarButton#btnToggleNotesDescription.show::before {
+    content: url('img/show-annotation-description.svg');
+}
+
 .toolbarButton#btnCreateAngleMeasurements::before {
     content: url('img/angle-measurements-create.svg');
 }

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

@@ -235,7 +235,6 @@
     flex-direction: column;
     align-items: flex-start;
     gap: 22px;
-    margin-top: 12px;
 }
 
 .vitro-criterion-container-mobile .vitro-control {

package/css/std/controls/criterion-field-iterator/criterion-field-iterator.css

@@ -1,4 +1,3 @@
-
 .vitro-field-iterator {
     grid-gap: 28px 16px;
 }
@@ -27,12 +26,12 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-    .vitro-add-field-dialog[placement='right-start'] {
-        margin-top: -4px;
-        margin-left: 14px;
-    }
+.vitro-add-field-dialog[placement='right-start'] {
+    margin-top: -4px;
+    margin-left: 14px;
+}
 
-    .vitro-add-field-dialog :global(.ps) > div:first-child {
-        max-height: 204px;
-        max-width: 242px;
-    }
+.vitro-add-field-dialog :global(.ps) > div:first-child {
+    max-height: 204px;
+    max-width: 242px;
+}

package/css/std/controls/heading/heading.css

@@ -46,11 +46,4 @@
     font-weight: unset;
     margin-top: 0;
     margin-bottom: 0;
-}
-
-:global(.vitro-border-bottom) {
-    border-bottom: 1px solid #E4E6EC;
-    margin-right: 12px;
-    margin-bottom: 0;
-    padding-bottom: 12px;
 }

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

@@ -178,20 +178,17 @@
     margin: 18px 0 0 4px;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) {
     max-height: unset;
+    height: unset;
     padding-right: 15px;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) > div:first-child {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div:first-child {
     padding-top: 0;
 }
 
-.vitro-settings-dialog-mobile .vitro-filter :global(.vitro-block:last-child) > div > div {
-    margin-top: 12px;
-}
-
-.vitro-settings-dialog-mobile .vitro-filter :global(.ps) > div > div {
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div > div {
     padding: 0;
 }
 
@@ -205,4 +202,12 @@
 
 .vitro-add-field-dialog[placement='top-start'] {
     margin-bottom: 7px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter {
+    gap: 12px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.vitro-block) > div > div {
+    margin-top: 0;
 }

package/css/std/controls/table-view/img/date-picker.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M14.4972 11.2527C14.538 11.2934 14.5703 11.3417 14.5924 11.3948C14.6144 11.448 14.6258 11.505 14.6258 11.5625C14.6258 11.62 14.6144 11.677 14.5924 11.7302C14.5703 11.7833 14.538 11.8316 14.4972 11.8723L11.8723 14.4972C11.8316 14.538 11.7833 14.5703 11.7302 14.5924C11.677 14.6144 11.62 14.6258 11.5625 14.6258C11.505 14.6258 11.448 14.6144 11.3948 14.5924C11.3417 14.5703 11.2934 14.538 11.2527 14.4972L9.94025 13.1847C9.89957 13.1441 9.86731 13.0958 9.84529 13.0426C9.82328 12.9895 9.81195 12.9325 9.81195 12.875C9.81195 12.8175 9.82328 12.7605 9.84529 12.7074C9.86731 12.6542 9.89957 12.6059 9.94025 12.5652C10.0224 12.4831 10.1338 12.4369 10.25 12.4369C10.3075 12.4369 10.3645 12.4483 10.4176 12.4703C10.4708 12.4923 10.5191 12.5246 10.5598 12.5652L11.5625 13.5689L13.8778 11.2527C13.9184 11.212 13.9667 11.1797 14.0198 11.1576C14.073 11.1356 14.13 11.1242 14.1875 11.1242C14.245 11.1242 14.302 11.1356 14.3552 11.1576C14.4083 11.1797 14.4566 11.212 14.4972 11.2527Z" fill="#4A556C"/>
+	<path d="M8.0625 5C8.17853 5 8.28981 5.04609 8.37186 5.12814C8.45391 5.21019 8.5 5.32147 8.5 5.4375V5.875H15.5V5.4375C15.5 5.32147 15.5461 5.21019 15.6281 5.12814C15.7102 5.04609 15.8215 5 15.9375 5C16.0535 5 16.1648 5.04609 16.2469 5.12814C16.3289 5.21019 16.375 5.32147 16.375 5.4375V5.875H17.25C17.7141 5.875 18.1592 6.05937 18.4874 6.38756C18.8156 6.71575 19 7.16087 19 7.625V17.25C19 17.7141 18.8156 18.1592 18.4874 18.4874C18.1592 18.8156 17.7141 19 17.25 19H6.75C6.28587 19 5.84075 18.8156 5.51256 18.4874C5.18437 18.1592 5 17.7141 5 17.25V7.625C5 7.16087 5.18437 6.71575 5.51256 6.38756C5.84075 6.05937 6.28587 5.875 6.75 5.875H7.625V5.4375C7.625 5.32147 7.67109 5.21019 7.75314 5.12814C7.83519 5.04609 7.94647 5 8.0625 5ZM5.875 8.5V17.25C5.875 17.4821 5.96719 17.7046 6.13128 17.8687C6.29538 18.0328 6.51794 18.125 6.75 18.125H17.25C17.4821 18.125 17.7046 18.0328 17.8687 17.8687C18.0328 17.7046 18.125 17.4821 18.125 17.25V8.5H5.875Z" fill="#4A556C"/>
+</svg>

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

@@ -23,4 +23,27 @@
 
 .table-view-custom-date-edit .k-link {
     color: #222D44 !important;
+}
+
+.TWMain .TWDateLeft, 
+.TWMain .TWDatesLeft, 
+.TWMain .TWDateRight, 
+.TWMain .TWDatesRight,
+.TWMain .TWDateTop, 
+.TWMain .TWDatesTop, 
+.TWMain .TWDateBottom, 
+.TWMain .TWDatesBottom {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/date-picker.svg');
+    background-size: 24px;
+}
+
+.vitro-table-view-gantt .TWMain .TWDateLeft,
+.vitro-table-view-gantt .TWMain .TWDatesLeft,
+.vitro-table-view-gantt .TWMain .TWDateRight,
+.vitro-table-view-gantt .TWMain .TWDatesRight,
+.vitro-table-view-gantt .TWMain .TWDateTop,
+.vitro-table-view-gantt .TWMain .TWDatesTop,
+.vitro-table-view-gantt .TWMain .TWDateBottom,
+.vitro-table-view-gantt .TWMain .TWDatesBottom {
+    background-size: 20px;
 }

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

@@ -17,13 +17,6 @@
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-hidden-container.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
-:global(#TableView) {
-    height: auto;
-    flex: 1 1 auto;
-    overflow: hidden;
-    position: relative;
-}
-
 .vitro-table-view {
     height: 100%;
     width: 100%;

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

@@ -1,16 +1,11 @@
 @import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
 
-:global(#TreeView) {
-    height: calc(100% - 36px);
-    flex: 1 1;
-}
-
-:global(#TreeView) :global(.ps) {
+.vitro-scrollbar:global(.ps--active-y) {
     padding-right: 12px;
-    padding-top: 8px;
 }
 
-:global(.ps) :global(.jstree-container-ul) {
+.vitro-scrollbar:global(.ps--active-y) :global(.jstree-container-ul),
+.vitro-scrollbar:global(.ps--active-x) :global(.jstree-container-ul) {
     padding-bottom: 12px;
 }
 
@@ -21,11 +16,6 @@
 .vitro-tree-view :global(.jstree-default) :global(.jstree-node) {
     margin-left: 20px !important;
 }
-
-.vitro-tree-view {
-    scrollbar-color: #e0e0e0 #fff;
-    scrollbar-width: thin;
-}
 
 .vitro-tree-view :global(.jstree-anchor) {
     line-height: 32px;

package/css/std/controls/video-viewer/img/video-viewer-close.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.01044 22.9918L16.0011 16.0012L22.9918 22.9918M22.9918 9.0105L15.9998 16.0012L9.01044 9.0105" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

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

@@ -0,0 +1,56 @@
+.vitro-video-viewer {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 200;
+    background-color: #212529;
+}
+
+.vitro-header {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    padding: 20px;
+    display: flex;
+    justify-content: flex-end;
+    grid-gap: 12px;
+}
+
+.vitro-body {
+    height: calc(100% - 72px);
+    margin-top: 72px;
+    display: flex;
+}
+
+.vitro-button-close {
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    outline: none;
+    border: none;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/video-viewer/img/video-viewer-close.svg');
+}
+
+.vitro-player {
+    max-width: 100%;
+    max-height: 100%;
+    background-color: #212529;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.vitro-player video {
+    background-color: #212529;
+}
+
+@media (max-width: 800px) {
+    .vitro-video-viewer {
+        z-index: 301;
+    }
+}

package/dist/index.css

@@ -416,17 +416,12 @@ html, body {
 
 @import url('@vitrosoftware/common-ui-ts/css/third-party/jstree/style.min.css');
 
-#TreeView {
-    height: calc(100% - 36px);
-    flex: 1 1;
-}
-
-#TreeView .ps {
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-y {
     padding-right: 12px;
-    padding-top: 8px;
 }
 
-.ps .jstree-container-ul {
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-y .jstree-container-ul,
+._tree-view_vitro-scrollbar_1hvFNoY.ps--active-x .jstree-container-ul {
     padding-bottom: 12px;
 }
 
@@ -437,11 +432,6 @@ html, body {
 ._tree-view_vitro-tree-view_3oii-CW .jstree-default .jstree-node {
     margin-left: 20px !important;
 }
-
-._tree-view_vitro-tree-view_3oii-CW {
-    scrollbar-color: #e0e0e0 #fff;
-    scrollbar-width: thin;
-}
 
 ._tree-view_vitro-tree-view_3oii-CW .jstree-anchor {
     line-height: 32px;
@@ -711,13 +701,6 @@ html, body {
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-hidden-container.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-gantt.css');
 
-#TableView {
-    height: auto;
-    flex: 1 1 auto;
-    overflow: hidden;
-    position: relative;
-}
-
 ._table-view_vitro-table-view_1tTs32D {
     height: 100%;
     width: 100%;
@@ -1482,13 +1465,6 @@ html, body {
     font-weight: unset;
     margin-top: 0;
     margin-bottom: 0;
-}
-
-.vitro-border-bottom {
-    border-bottom: 1px solid #E4E6EC;
-    margin-right: 12px;
-    margin-bottom: 0;
-    padding-bottom: 12px;
 }
 ._dialog-header_vitro-dialog-header_2W3GraU {
     padding: 20px;
@@ -6633,7 +6609,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     flex-direction: column;
     align-items: flex-start;
     gap: 22px;
-    margin-top: 12px;
 }
 
 ._criterion_vitro-criterion-container-mobile_1yxaJHi ._criterion_vitro-control_2JLaybj {
@@ -6794,7 +6769,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 ._editable-field-iterator_vitro-field-iterator_myx5yu3 {
     grid-gap: 28px 16px;
 }
-
 ._criterion-field-iterator_vitro-field-iterator_24abkh9 {
     grid-gap: 28px 16px;
 }
@@ -6823,16 +6797,15 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
 }
 
-    ._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE[placement='right-start'] {
-        margin-top: -4px;
-        margin-left: 14px;
-    }
+._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE[placement='right-start'] {
+    margin-top: -4px;
+    margin-left: 14px;
+}
 
-    ._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE .ps > div:first-child {
-        max-height: 204px;
-        max-width: 242px;
-    }
-
+._criterion-field-iterator_vitro-add-field-dialog_3QlfaQE .ps > div:first-child {
+    max-height: 204px;
+    max-width: 242px;
+}
 ._search-input_vitro-search-input_3M9i4Gi {
     height: 32px;
     border-radius: 4px;
@@ -7148,20 +7121,17 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     margin: 18px 0 0 4px;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps {
     max-height: unset;
+    height: unset;
     padding-right: 15px;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div:first-child {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps > div:first-child {
     padding-top: 0;
 }
 
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
-    margin-top: 12px;
-}
-
-._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS .ps > div > div {
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .ps > div > div {
     padding: 0;
 }
 
@@ -7175,6 +7145,14 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._search_vitro-add-field-dialog_3gC92SF[placement='top-start'] {
     margin-bottom: 7px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter_2n-Y-mS {
+    gap: 12px;
+}
+
+._search_vitro-settings-dialog-mobile_1no71m6 ._search_vitro-filter-container_3p6D0hI .vitro-block > div > div {
+    margin-top: 0;
 }
 .splitter {
     height: 100% !important;
@@ -8704,4 +8682,60 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
 
 ._file-picker_vitro-delete-button_29YhyRG {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/file-picker/img/cancel-red.svg');
+}
+._video-viewer_vitro-video-viewer_1KHO5IM {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 200;
+    background-color: #212529;
+}
+
+._video-viewer_vitro-header_hwAjLDd {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 1;
+    padding: 20px;
+    display: flex;
+    justify-content: flex-end;
+    grid-gap: 12px;
+}
+
+._video-viewer_vitro-body_124aVK2 {
+    height: calc(100% - 72px);
+    margin-top: 72px;
+    display: flex;
+}
+
+._video-viewer_vitro-button-close_TB-QCiO {
+    width: 32px;
+    height: 32px;
+    background: transparent;
+    outline: none;
+    border: none;
+    background-repeat: no-repeat;
+    background-size: 100%;
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/video-viewer/img/video-viewer-close.svg');
+}
+
+._video-viewer_vitro-player_2JJVj_u {
+    max-width: 100%;
+    max-height: 100%;
+    background-color: #212529;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+._video-viewer_vitro-player_2JJVj_u video {
+    background-color: #212529;
+}
+
+@media (max-width: 800px) {
+    ._video-viewer_vitro-video-viewer_1KHO5IM {
+        z-index: 301;
+    }
 }