@vitrosoftware/common-ui-ts 1.1.209 → 1.1.211

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

@@ -235,25 +235,6 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
     display: none;
 }
 
-.body__sidebar-content::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-track {
-    background: transparent;
-    border-radius: 8px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-thumb {
-    background: #E4E6EC;
-    border-radius: 4px;
-}
-
-.body__sidebar-content::-webkit-scrollbar-thumb:hover {
-    background: #E4E6EC;
-}
-
 .dlg-overlay {
     background: #222D44;
     opacity: 0.2;

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

@@ -0,0 +1,202 @@
+.vitro-settings-dialog {
+    border-radius: 4px;
+    margin-top: 4px;
+    background: #fff;
+    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
+    z-index: 100;
+}
+
+.vitro-settings-dialog-mobile :global(.vitro-label-grey), 
+.vitro-settings-dialog :global(.vitro-label-grey) {
+    display: none !important;
+}
+
+.vitro-filter-container {
+    padding: 24px 0 16px 12px;
+    display: flex;
+    flex-direction: column;
+    align-self: stretch;
+    width: 502px;
+}
+
+.vitro-settings-dialog-mobile :global(.vitro-content-inner),
+.vitro-settings-dialog-mobile :global(.vitro-filter-container) {
+    height: 100%;
+}
+
+.vitro-settings-dialog-mobile :global(.vitro-filter-container) :global(.ps) {
+    max-height: calc(100% - 36px) !important;
+}
+
+.vitro-filter {
+    overflow: hidden;
+}
+
+.vitro-filter :global(.ps) {
+    max-height: 458px;
+}
+
+.vitro-filter :global(.ps.ps--active-y) {
+    padding-right: 14px;
+}
+
+.vitro-filter :global(.ps) > div:first-child {
+    padding-top: 10px;
+}
+
+.vitro-filter :global(.vitro-block:last-child) > div > div {
+    margin-bottom: 0;
+}
+
+.vitro-filter :global(.vitro-block:nth-child(2)) {
+    margin-top: 0;
+}
+
+.vitro-field-iterator {
+    grid-gap: 28px 16px;
+}
+
+.vitro-filter [class^="_criterion_vitro-control"] {
+    max-width: calc(100% - 87px);
+}
+
+.vitro-settings-dialog-mobile .vitro-filter [class^="_criterion_vitro-control"] {
+    max-width: none;
+}
+
+.vitro-add-field {
+    margin: 18px 0 16px 66px;
+}
+
+.vitro-add-field-button,
+.vitro-add-field-button:hover,
+.vitro-add-field-button:active {
+    font-family: 'InterRegular' !important;
+    background: #fff !important;
+    color: #326AD6 !important;
+    padding: 0 !important;
+    min-width: unset !important;
+    height: 16px !important;
+    font-size: 12px;
+    line-height: 16px;
+}
+
+.vitro-add-field-dialog {
+    z-index: 10001;
+    overflow: hidden;
+    border-radius: 4px;
+    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 :global(.ps) > div:first-child {
+    max-height: 204px;
+    max-width: 372px;
+}
+
+@media (max-width: 799px) {
+    .vitro-add-field-dialog :global(.ps) > div:first-child {
+        max-width: 242px !important;
+    }
+}
+
+.vitro-button-group {
+    gap: 12px;
+    padding: 0 24px;
+    margin-top: auto;
+}
+
+.vitro-button,
+.vitro-button-cancel {
+    padding: 8px 16px;
+    font-family: 'InterRegular' !important;
+}
+
+.vitro-button-cancel {
+    background: #fff !important;
+    color: #222D44 !important;
+}
+
+.vitro-button-cancel:hover,
+.vitro-button-cancel:active {
+    background: #F3F8FF !important;
+}
+
+.vitro-settings-dialog-mobile {
+    height: 100% !important;
+    width: 100% !important;
+    max-width: unset !important;
+    max-height: unset !important;
+    border: none !important;
+    border-radius: 0 !important;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container {
+    width: 100%;
+    position: relative;
+    overflow: hidden;
+    flex: 1 1;
+    padding: 0 0 0 15px;
+}
+
+.vitro-settings-dialog-header {
+    padding: 20px 15px 15px 15px;
+}
+
+.vitro-settings-dialog-footer {
+    border: none;
+    background-color: #fff;
+    height: unset;
+    padding: 28px 15px;
+}
+
+.vitro-settings-dialog-footer button {
+    height: 32px;
+}
+
+.vitro-settings-dialog-header h1 {
+    font-size: 18px !important;
+    line-height: 150% !important;
+}
+
+.vitro-settings-dialog-mobile .vitro-add-field {
+    margin: 18px 0 0 4px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) {
+    max-height: unset;
+    height: unset;
+    padding-right: 15px;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div:first-child {
+    padding-top: 0;
+}
+
+.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div > div {
+    gap: 12px !important;
+}
+
+.vitro-settings-dialog-mobile .vitro-scrollbar > div > div > :global(.vitro-block):first-child > div > div {
+    margin: 0;
+}
+
+.vitro-add-field-dialog[placement='bottom-start'] {
+    margin-top: 7px;
+}
+
+.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/search/search.css

@@ -3,126 +3,13 @@
     align-self: baseline;
     max-width: 376px;
     min-width: 120px;
+    width: 220px;
 }
 
 .vitro-search.vitro-active {
     width: 100%;
 }
 
-.vitro-settings-dialog {
-    border-radius: 4px;
-    margin-top: 4px;
-    background: #fff;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-    z-index: 100;
-}
-
-.vitro-filter-container {
-    padding: 24px 0 16px 12px;
-    display: flex;
-    flex-direction: column;
-    align-self: stretch;
-    width: 502px;
-}
-
-.vitro-filter {
-    overflow: hidden;
-}
-
-.vitro-filter :global(.ps) {
-    max-height: 458px;
-}
-
-.vitro-filter :global(.ps.ps--active-y) {
-    padding-right: 14px;
-}
-
-.vitro-filter :global(.ps) > div:first-child {
-    padding-top: 10px;
-}
-
-.vitro-filter :global(.vitro-block:last-child) > div > div {
-    margin-bottom: 0;
-}
-
-.vitro-filter :global(.vitro-block:nth-child(2)) {
-    margin-top: 0;
-}
-
-.vitro-field-iterator {
-    grid-gap: 28px 16px;
-}
-
-.vitro-filter [class^="_criterion_vitro-control"] {
-    max-width: calc(100% - 87px);
-}
-
-.vitro-search-mobile .vitro-filter [class^="_criterion_vitro-control"] {
-    max-width: none;
-}
-
-.vitro-add-field {
-    margin: 18px 0 16px 66px;
-}
-
-.vitro-add-field-button,
-.vitro-add-field-button:hover,
-.vitro-add-field-button:active {
-    font-family: 'InterRegular' !important;
-    background: #fff !important;
-    color: #326AD6 !important;
-    padding: 0 !important;
-    min-width: unset !important;
-    height: 16px !important;
-    font-size: 12px;
-    line-height: 16px;
-}
-
-.vitro-add-field-dialog {
-    z-index: 10001;
-    overflow: hidden;
-    border-radius: 4px;
-    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 :global(.ps) > div:first-child {
-    max-height: 204px;
-    max-width: 372px;
-}
-
-@media (max-width: 799px) {
-    .vitro-add-field-dialog :global(.ps) > div:first-child {
-        max-width: 242px !important;
-    }
-}
-
-.vitro-button-group {
-    gap: 12px;
-    padding: 0 24px;
-    margin-top: auto;
-}
-
-.vitro-button,
-.vitro-button-cancel {
-    padding: 8px 16px;
-    font-family: 'InterRegular' !important;
-}
-
-.vitro-button-cancel {
-    background: #fff !important;
-    color: #222D44 !important;
-}
-
-.vitro-button-cancel:hover,
-.vitro-button-cancel:active {
-    background: #F3F8FF !important;
-}
-
 .vitro-button-settings,
 .vitro-button-settings:hover {
     width: 24px;
@@ -149,75 +36,4 @@
     position: relative;
     align-self: baseline; 
     margin-left: auto;
-}
-
-.vitro-settings-dialog-mobile {
-    height: 100% !important;
-    width: 100% !important;
-    max-width: unset !important;
-    max-height: unset !important;
-    border: none !important;
-    border-radius: 0 !important;
-}
-
-.vitro-settings-dialog-mobile .vitro-filter-container {
-    width: 100%;
-    position: relative;
-    overflow: hidden;
-    flex: 1 1;
-    padding: 0 0 0 15px;
-}
-
-.vitro-settings-dialog-header {
-    padding: 20px 15px 15px 15px;
-}
-
-.vitro-settings-dialog-footer {
-    border: none;
-    background-color: #fff;
-    height: unset;
-    padding: 28px 15px;
-}
-
-.vitro-settings-dialog-footer button {
-    height: 32px;
-}
-
-.vitro-settings-dialog-header h1 {
-    font-size: 18px !important;
-    line-height: 150% !important;
-}
-
-.vitro-settings-dialog-mobile .vitro-add-field {
-    margin: 18px 0 0 4px;
-}
-
-.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) {
-    max-height: unset;
-    height: unset;
-    padding-right: 15px;
-}
-
-.vitro-settings-dialog-mobile .vitro-filter-container :global(.ps) > div:first-child {
-    padding-top: 0;
-}
-
-.vitro-settings-dialog-mobile .vitro-scrollbar > div > div > :global(.vitro-block):first-child > div > div {
-    margin: 0;
-}
-
-.vitro-add-field-dialog[placement='bottom-start'] {
-    margin-top: 7px;
-}
-
-.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/slide-up-button/slide-up-button.css

@@ -0,0 +1,78 @@
+.vitro-slide-up-panel {
+    z-index: 271;
+}
+
+.vitro-slide-up-panel > div {
+    padding-bottom: 12px;
+}
+
+.vitro-slide-up-panel :global(.ps) {
+    height: calc(100% - 28px);
+}
+
+.vitro-slide-up-panel :global(.ps__rail-y),
+.vitro-slide-up-panel :global(.ps__rail-x) {
+    background-color: transparent !important;
+}
+
+.vitro-scrollbar-content {
+    padding: 0 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding-top: 2px;
+}
+
+.vitro-slide-up-button-item,
+.vitro-slide-up-button-dropdown-item > button,
+.vitro-slide-up-button-dropdown-item > button:hover,
+.vitro-slide-up-button-dropdown-item > button:active {
+    background-color: #fff;
+    border-radius: 8px;
+    padding: 12px;
+    box-shadow: 0 0 1px 0 #00000040;
+    min-height: 56px;
+    gap: 8px;
+}
+
+.vitro-slide-up-button-dropdown-item {
+    justify-content: center;
+    gap: 8px;
+}
+
+.vitro-slide-up-button-dropdown-item:global(.vitro-expanded) > button,
+.vitro-slide-up-button-dropdown-item:global(.vitro-collapsed) > button {
+    display: flex;
+    flex-direction: row-reverse;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.vitro-slide-up-button-dropdown-item:global(.vitro-expanded) > button {
+    background-color: #DDEDFE;
+}
+
+.vitro-slide-up-button-dropdown-item :global(.vitro-content) {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.vitro-slide-up-button-dropdown-item > button > div {
+    gap: 8px;
+}
+
+.vitro-image-container {
+    width: 32px;
+    height: 32px;
+    background-color: #F3F8FF;
+    border-radius: 4px;
+    justify-content: center;
+}
+
+.vitro-image-container :global(.vitro-image) {
+    width: 24px;
+    height: 24px;
+    filter: brightness(0) saturate(100%) invert(47%) sepia(82%) saturate(2920%) hue-rotate(196deg) brightness(92%) contrast(88%);
+}

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

@@ -25,37 +25,14 @@
     display: flex;
 }
 
-.vitro-tab :global(.nav) :global(.dropdown-menu) {
-    color: #222D44;
-    font-family: 'InterRegular';
-    font-size: 14px;
-    line-height: 150%;
-    z-index: 1001;
-    padding: 0;
-    border-radius: 4px;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
-}
-
-.vitro-tab :global(.nav) :global(.dropdown-item) {
-    padding: 8px 12px;
-}
-
-.vitro-tab :global(.nav) :global(.dropdown-item):hover,
-.vitro-tab :global(.nav) :global(.dropdown-item):active {
-    background: #F3F8FF;
-    color: #222D44;
-}
-
-.vitro-tab :global(.nav) :global(.dropdown-item):first-child {
-    border-radius: 4px 4px 0 0;
-}
-
-.vitro-tab :global(.nav) :global(.dropdown-item):last-child {
-    border-radius: 0 0 4px 4px;
-}
-
-.vitro-tab :global(.nav) :global(.dropdown-item):first-child:last-child {
-    border-radius: 4px;
+.vitro-tab :global(.nav) > div > :global(.vitro-context-button) {
+    border-bottom: 1px solid #e0e0e0;
+    margin-top: 16px;
+    height: 37px;
+    display: flex;
+    align-items: flex-start;
+    border-radius: 0;
+    background-position: center 0;
 }
 
 .vitro-tab :global(.nav) > div.vitro-item {
@@ -97,22 +74,6 @@
     font-size: 18px;
 }
 
-.vitro-tab :global(.nav) > .vitro-dropdown-button {
-    border-bottom: 1px solid #e0e0e0;
-    padding-top: 16px;
-}
-
-.vitro-tab :global(.nav) > .vitro-dropdown-button button {
-    height: 36px;
-    display: flex;
-    align-items: flex-start;
-}
-
-.vitro-tab :global(.nav) > .vitro-dropdown-button :global(.dropdown-menu) {
-    width: 241px;
-    min-width: unset;
-}
-
 .vitro-tab :global(.nav) > div :global(.nav-item).active a {
     color: #3274E0 !important;
     border-bottom: 2px solid #3274E0;
@@ -127,11 +88,14 @@
         padding: 0 14px 15px 14px !important;
     }
 
-    .vitro-dropdown-button {
-        flex-grow: 1;
+    .vitro-tab :global(.nav) > div > :global(.vitro-context-button) {
+        margin-left: auto;
+        border-bottom: none;
     }
 
-    .vitro-dropdown-button > :global(.dropdown) {
-        margin-left: auto;
+    .vitro-tab :global(.nav) > :global(.dropdownt) {
+        flex-grow: 1;
+        border-bottom: 1px solid #e0e0e0;
     }
+   
 }

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

@@ -82,7 +82,7 @@ vitro-table-view-popup-menu-topMain.TWMenuMainRight::before,
     margin: 0;
     width: 100%;
     cursor: pointer;
-    max-height: 288px;
+    max-height: 296px;
     overflow-y: auto !important;
     overflow-x: hidden !important;
 }

package/css/std/controls/viewer-issue-list/viewer-issue-list.css

@@ -0,0 +1,49 @@
+.vitro-viewer-issue-list {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+}
+
+.vitro-search-wrap {
+    padding: 0 20px 20px 16px;
+    background: #ffffff;
+}
+
+.vitro-search-wrap > div {
+    max-width: none !important;
+}
+
+.vitro-issue-list-wrap {
+    overflow-y: auto;
+    overflow-x: hidden;
+    height: calc(100% - 52px);
+}
+
+.vitro-issue-list-wrap > div:first-child {
+    padding-top: 0 !important;
+}
+
+.vitro-issue-list-wrap::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+}
+
+.vitro-issue-list-wrap::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 8px;
+}
+
+.vitro-issue-list-wrap::-webkit-scrollbar-thumb {
+    background: #E4E6EC;
+    border-radius: 4px;
+}
+
+.vitro-issue-list-wrap::-webkit-scrollbar-thumb:hover {
+    background: #E4E6EC;
+}
+
+[class*="_criterion_vitro-operator-list-container"],
+[class*="_criterion_vitro-condition-list-container"],
+[class*="_lookup-picker-value-list"] {
+    z-index: 901 !important;
+}