@vitrosoftware/common-ui-ts 1.1.114 → 1.1.116

package/css/std/controls/uploader/img/error.svg

@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#D13438"/>
+<path id="Vector_2" d="M9 15L12 12L15 15M15 9L11.9994 12L9 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/css/std/controls/uploader/img/warning.svg

@@ -0,0 +1,10 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="check-one /Line/Black">
+<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#F3AD4A"/>
+<g id="Vector_2">
+<path d="M12 6V12Z" fill="white"/>
+<path d="M12 6V12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<circle id="Ellipse 135" cx="12" cy="17" r="1" fill="white"/>
+</g>
+</svg>

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

@@ -16,7 +16,7 @@
 .vitro-uploader:global(.vitro-upload-active) {
     width: 400px;
     height: auto;
-    max-height: 278px;
+    max-height: 371px;
 }
 
 .vitro-uploader:global(.vitro-upload-active) .vitro-upload-container {
@@ -35,12 +35,12 @@
     background: #fff;
     width: 400px;
     border-radius: 8px;
-    padding: 16px;
+    padding: 16px 16px 0 16px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
 
 .vitro-progress-info {
-    margin-bottom: 18px;
+    margin-bottom: 16px;
     display: none;
 }
 
@@ -58,11 +58,12 @@
 
 .vitro-uploader :global(.k-upload-files) {
     border: none !important;
-    max-height: 177px;
+    max-height: 283px;
     overflow-y: auto;
     overflow-x: hidden;
-    margin-right: -12px !important;
-    padding-right: 12px !important;
+    margin-right: -12px;
+    padding-right: 12px;
+    padding-bottom: 12px;
 }
 
 .vitro-uploader :global(.k-upload-files)::-webkit-scrollbar {
@@ -88,13 +89,8 @@
 }
 
 .vitro-uploader :global(.k-file) {
-    margin-bottom: 4px;
-    position: relative;
-    border: none !important;
-    padding: 0 !important;
-    padding-bottom: 1px !important;
-    display: flex !important;
-    align-items: center !important;
+    padding: 4px 0 4px 0 !important;
+    border-color: #E4E6EC !important;
 }
 
 .vitro-uploader :global(.k-file):last-child {
@@ -126,9 +122,6 @@
 }
 
 .vitro-uploader :global(.k-file-validation-message) {
-    position: absolute;
-    top: calc(50% - 8px);
-    right: 0;
     font-size: 12px !important;
     line-height: 16px !important;
 }
@@ -177,10 +170,6 @@
     border: none;
 }
 
-.vitro-uploader :global(.k-i-cancel) {
-    margin-right: 8px;
-}
-
 .vitro-uploader :global(.k-i-cancel)::before, .vitro-uploader :global(.k-i-close)::before {
     content: '';
     display: block;
@@ -211,6 +200,33 @@
     display: none;
 }
 
+.vitro-uploader :global(.k-file-success)::after,
+.vitro-uploader :global(.k-file-error)::after {
+    content: '';
+    width: 24px;
+    height: 24px;
+    background-position: center;
+    background-size: 100%;
+}
+
+.vitro-uploader :global(.k-file-success)::after {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/success.svg');
+}
+
+.vitro-uploader :global(.k-file-error)::after {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/error.svg');
+}
+
+.vitro-uploader :global(.k-file-success) :global(.k-upload-status),
+.vitro-uploader :global(.k-file-error) :global(.k-upload-status) {
+    display: none;
+}
+
+.vitro-uploader :global(.k-file-success) :global(.k-progressbar),
+.vitro-uploader :global(.k-file-error) :global(.k-progressbar) {
+    display: none;
+}
+
 .vitro-button-close, .vitro-button-show, .vitro-button-hide {
     background-position: center center;
     background-size: 100%;
@@ -232,12 +248,12 @@
 }
 
 .vitro-button-show {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
     right: 48px;
 }
 
 .vitro-button-hide {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
     right: 48px;
 }
 
@@ -275,7 +291,10 @@
 }
 
 .vitro-uploader :global(.k-upload-action) {
-    min-width: 24px;
+    width: 16px;
+    height: 16px;
+    right: 4px;
+    top: 2px;
     justify-content: flex-start;
 }
 
@@ -333,12 +352,24 @@
     margin-top: 8px;
 }
 
+.vitro-uploader :global(.vitro-upload-complete.vitro-success) .vitro-progress-bar > div {
+    background: repeating-linear-gradient( 45deg, #198754, #198754 8px, #3B996E 8px, #3B996E 16px );
+}
+
+.vitro-uploader :global(.vitro-upload-complete.vitro-warning) .vitro-progress-bar > div {
+    background: repeating-linear-gradient( 45deg, #F3AD4A, #F3AD4A 8px, #F5B965 8px, #F5B965 16px );
+}
+
+.vitro-uploader :global(.vitro-upload-complete.vitro-error) .vitro-progress-bar > div {
+    background: repeating-linear-gradient( 45deg, #D13438, #D13438 8px, #D85256 8px, #D85256 16px );
+}
+
 :global(.vitro-display-none) {
     display: none;
 }
 
 .vitro-uploader :global(.k-file-validation-message.k-text-success) {
-    color: #198754 !important;
+    display: none;
 }
 
 .vitro-uploader :global(#vitro-uploader-title) {
@@ -355,18 +386,29 @@
     margin-bottom: 4px;
 }
 
-.vitro-uploader :global(.vitro-upload-complete) :global(#vitro-uploader-title)::after {
+.vitro-uploader :global(.vitro-upload-complete) :global(#vitro-uploader-title)::before {
     content: '';
     display: inline-block !important;
     width: 24px;
     height: 24px;
-    margin-left: 12px;
+    margin-right: 8px;
     background-position: center;
     background-size: 100%;
     display: none;
+}
+
+.vitro-uploader :global(.vitro-upload-complete.vitro-success) :global(#vitro-uploader-title)::before {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/success.svg');
 }
 
+.vitro-uploader :global(.vitro-upload-complete.vitro-warning) :global(#vitro-uploader-title)::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/warning.svg');
+}
+
+.vitro-uploader :global(.vitro-upload-complete.vitro-error) :global(#vitro-uploader-title)::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/error.svg');
+}
+
 .vitro-uploader :global(.vitro-upload-complete) :global(#vitro-uploader-title) {
     display: flex;
     align-items: center;
@@ -392,25 +434,23 @@
 }
 
 .vitro-uploader :global(.k-progressbar) {
-    height: 32px !important;
-    width: 32px !important;
-    min-width: 32px;
-    min-height: 32px;
+    height: 24px !important;
+    width: 24px !important;
+    flex-shrink: 0;
     border-radius: 50% !important;
     display: flex;
     align-items: center !important;
     justify-content: center !important;
     position: absolute !important;
     right: 0;
-    top: calc(50% - 16px);
+    top: 4px;
     background: conic-gradient(from 90deg, #0D6EFD, #0D6EFD 0%, white 0%, white 100%);
 }
 
 .vitro-uploader :global(.k-progressbar > span) {
-    height: 28px !important;
-    width: 28px !important;
-    min-width: 28px;
-    min-height: 28px;
+    height: 20px !important;
+    width: 20px !important;
+    flex-shrink: 0;
     border-radius: 50% !important;
     background: #fff !important;
     display: block;

package/dist/index.css

@@ -664,6 +664,19 @@ html, body {
 }
 
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-cell.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-cfg-menu.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-context-menu.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-filter.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-gantt.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-group.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-header.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-message.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-progress.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-scroll.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-sort.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-tab.css');
+@import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/treegrid-tip.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-lookup-edit.css');
 @import url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/table-view-custom-date-edit.css');
 
@@ -775,7 +788,7 @@ html, body {
 ._uploader_vitro-uploader_237vX7T.vitro-upload-active {
     width: 400px;
     height: auto;
-    max-height: 278px;
+    max-height: 371px;
 }
 
 ._uploader_vitro-uploader_237vX7T.vitro-upload-active ._uploader_vitro-upload-container_2ASGHSS {
@@ -794,12 +807,12 @@ html, body {
     background: #fff;
     width: 400px;
     border-radius: 8px;
-    padding: 16px;
+    padding: 16px 16px 0 16px;
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
 
 ._uploader_vitro-progress-info_J4BRjZ0 {
-    margin-bottom: 18px;
+    margin-bottom: 16px;
     display: none;
 }
 
@@ -817,11 +830,12 @@ html, body {
 
 ._uploader_vitro-uploader_237vX7T .k-upload-files {
     border: none !important;
-    max-height: 177px;
+    max-height: 283px;
     overflow-y: auto;
     overflow-x: hidden;
-    margin-right: -12px !important;
-    padding-right: 12px !important;
+    margin-right: -12px;
+    padding-right: 12px;
+    padding-bottom: 12px;
 }
 
 ._uploader_vitro-uploader_237vX7T .k-upload-files::-webkit-scrollbar {
@@ -847,13 +861,8 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T .k-file {
-    margin-bottom: 4px;
-    position: relative;
-    border: none !important;
-    padding: 0 !important;
-    padding-bottom: 1px !important;
-    display: flex !important;
-    align-items: center !important;
+    padding: 4px 0 4px 0 !important;
+    border-color: #E4E6EC !important;
 }
 
 ._uploader_vitro-uploader_237vX7T .k-file:last-child {
@@ -885,9 +894,6 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T .k-file-validation-message {
-    position: absolute;
-    top: calc(50% - 8px);
-    right: 0;
     font-size: 12px !important;
     line-height: 16px !important;
 }
@@ -936,10 +942,6 @@ html, body {
     border: none;
 }
 
-._uploader_vitro-uploader_237vX7T .k-i-cancel {
-    margin-right: 8px;
-}
-
 ._uploader_vitro-uploader_237vX7T .k-i-cancel::before, ._uploader_vitro-uploader_237vX7T .k-i-close::before {
     content: '';
     display: block;
@@ -970,6 +972,33 @@ html, body {
     display: none;
 }
 
+._uploader_vitro-uploader_237vX7T .k-file-success::after,
+._uploader_vitro-uploader_237vX7T .k-file-error::after {
+    content: '';
+    width: 24px;
+    height: 24px;
+    background-position: center;
+    background-size: 100%;
+}
+
+._uploader_vitro-uploader_237vX7T .k-file-success::after {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/success.svg');
+}
+
+._uploader_vitro-uploader_237vX7T .k-file-error::after {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/error.svg');
+}
+
+._uploader_vitro-uploader_237vX7T .k-file-success .k-upload-status,
+._uploader_vitro-uploader_237vX7T .k-file-error .k-upload-status {
+    display: none;
+}
+
+._uploader_vitro-uploader_237vX7T .k-file-success .k-progressbar,
+._uploader_vitro-uploader_237vX7T .k-file-error .k-progressbar {
+    display: none;
+}
+
 ._uploader_vitro-button-close_30As0AM, ._uploader_vitro-button-show_uUmWVJc, ._uploader_vitro-button-hide_LYS1px9 {
     background-position: center center;
     background-size: 100%;
@@ -991,12 +1020,12 @@ html, body {
 }
 
 ._uploader_vitro-button-show_uUmWVJc {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
     right: 48px;
 }
 
 ._uploader_vitro-button-hide_LYS1px9 {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-bottom.svg');
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/collapse-up.svg');
     right: 48px;
 }
 
@@ -1034,7 +1063,10 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T .k-upload-action {
-    min-width: 24px;
+    width: 16px;
+    height: 16px;
+    right: 4px;
+    top: 2px;
     justify-content: flex-start;
 }
 
@@ -1092,12 +1124,24 @@ html, body {
     margin-top: 8px;
 }
 
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-success ._uploader_vitro-progress-bar_3YXLbbu > div {
+    background: repeating-linear-gradient( 45deg, #198754, #198754 8px, #3B996E 8px, #3B996E 16px );
+}
+
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-warning ._uploader_vitro-progress-bar_3YXLbbu > div {
+    background: repeating-linear-gradient( 45deg, #F3AD4A, #F3AD4A 8px, #F5B965 8px, #F5B965 16px );
+}
+
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-error ._uploader_vitro-progress-bar_3YXLbbu > div {
+    background: repeating-linear-gradient( 45deg, #D13438, #D13438 8px, #D85256 8px, #D85256 16px );
+}
+
 .vitro-display-none {
     display: none;
 }
 
 ._uploader_vitro-uploader_237vX7T .k-file-validation-message.k-text-success {
-    color: #198754 !important;
+    display: none;
 }
 
 ._uploader_vitro-uploader_237vX7T #vitro-uploader-title {
@@ -1115,18 +1159,29 @@ html, body {
     margin-bottom: 4px;
 }
 
-._uploader_vitro-uploader_237vX7T .vitro-upload-complete #vitro-uploader-title::after {
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete #vitro-uploader-title::before {
     content: '';
     display: inline-block !important;
     width: 24px;
     height: 24px;
-    margin-left: 12px;
+    margin-right: 8px;
     background-position: center;
     background-size: 100%;
     display: none;
+}
+
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-success #vitro-uploader-title::before {
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/success.svg');
 }
 
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-warning #vitro-uploader-title::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/warning.svg');
+}
+
+._uploader_vitro-uploader_237vX7T .vitro-upload-complete.vitro-error #vitro-uploader-title::before {
+    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/uploader/img/error.svg');
+}
+
 ._uploader_vitro-uploader_237vX7T .vitro-upload-complete #vitro-uploader-title {
     display: flex;
     align-items: center;
@@ -1152,25 +1207,23 @@ html, body {
 }
 
 ._uploader_vitro-uploader_237vX7T .k-progressbar {
-    height: 32px !important;
-    width: 32px !important;
-    min-width: 32px;
-    min-height: 32px;
+    height: 24px !important;
+    width: 24px !important;
+    flex-shrink: 0;
     border-radius: 50% !important;
     display: flex;
     align-items: center !important;
     justify-content: center !important;
     position: absolute !important;
     right: 0;
-    top: calc(50% - 16px);
+    top: 4px;
     background: conic-gradient(from 90deg, #0D6EFD, #0D6EFD 0%, white 0%, white 100%);
 }
 
 ._uploader_vitro-uploader_237vX7T .k-progressbar > span {
-    height: 28px !important;
-    width: 28px !important;
-    min-width: 28px;
-    min-height: 28px;
+    height: 20px !important;
+    width: 20px !important;
+    flex-shrink: 0;
     border-radius: 50% !important;
     background: #fff !important;
     display: block;
@@ -1421,7 +1474,8 @@ html, body {
 }
 
 ._button_vitro-button_hVfBuSO:hover, 
-._button_vitro-button_hVfBuSO:active {
+._button_vitro-button_hVfBuSO:active,
+._button_vitro-button_hVfBuSO:focus {
     background: #3274E0;
 }
 
@@ -1471,7 +1525,8 @@ html, body {
 }
 
 ._button-cancel_vitro-button-cancel_2UT1K9Z:hover, 
-._button-cancel_vitro-button-cancel_2UT1K9Z:active {
+._button-cancel_vitro-button-cancel_2UT1K9Z:active,
+._button-cancel_vitro-button-cancel_2UT1K9Z:focus {
     background: #F3F8FF !important;
 }
 
@@ -2213,6 +2268,23 @@ html, body {
     border-bottom: 2px solid #3274E0;
 }
 
+@media (max-width: 800px) {
+    ._tab-group_vitro-item_2YnBcmb {
+        flex-grow: 0 !important;
+    }
+
+    ._tab-group_vitro-item_2YnBcmb a {
+        padding: 0 14px 15px 14px !important;
+    }
+
+    ._tab-group_vitro-dropdown-button_146jv_h {
+        flex-grow: 1;
+    }
+
+    ._tab-group_vitro-dropdown-button_146jv_h > .dropdown {
+        margin-left: auto;
+    }
+}
 ._view-part_vitro-view-part_3j_gZpl:last-child {
     flex-grow: 1;
     max-height: 100%;
@@ -3635,10 +3707,18 @@ html, body {
 }
 
 .k-calendar-view .k-link {
-    height: 24px !important;
-    width: 24px !important;
+    height: auto !important;
+    min-height: 24px;
+    width: auto !important;
+    min-width: 24px;
+    max-width: 100%;
     padding: 0 !important;
     margin: auto;
+    height: auto !important;
+}
+
+.k-content.k-month .k-link {
+    width: 24px !important;
 }
 
 .k-state-selected .k-link {
@@ -4364,10 +4444,13 @@ html, body {
     background: #F3F8FF !important;
 }
 
+._command-menu-button_vitro-command-menu-button_2IiXVbP > div {
+    gap: 4px;
+}
+
 ._command-menu-button_vitro-image_27yILgG {
     width: 24px;
     height: 24px;
-    margin-right: 4px;
 }
 
 @media (max-width: 800px) {
@@ -4460,6 +4543,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     padding: 0 16px;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .ps__rail-y {
+    border: none;
+}
+
 ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 :hover
 ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 :active {
     background: #F3F8FF;
@@ -4471,9 +4558,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     border-radius: 4px;
     border: none !important;
     outline: none;
-    min-width: 241px;
-    width: -moz-fit-content;
-    width: fit-content;
+    width: 241px;
     font-size: 14px;
     padding: 0px;
     font-weight: 400;
@@ -4485,6 +4570,11 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     left: -20px;
 }
 
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O._command-menu-dropdown-button_vitro-right_uTzkzdJ .dropdown-menu {
+    left: unset;
+    right: -20px;
+}
+
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-toggle:after,
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-menu:before {
     display: none;
@@ -4500,27 +4590,25 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     background-size: 44px 42px;
     background-repeat: no-repeat;
     position: absolute;
-    left: 16px;
+    left: 20px;
     top: -21px;
     background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/command-menu/img/dropdown-menu-arrow.svg');
 }
 
-._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:first-child .dropdown-menu {
-    left: 0;
-}
-
-._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:last-child .dropdown-menu {
-    right: -20px;
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O._command-menu-dropdown-button_vitro-right_uTzkzdJ .dropdown-menu::before {
+    left: unset;
+    right: 20px;
 }
 
-._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:last-child .dropdown-menu::before {
-    right: 25px;
+._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O:first-child .dropdown-menu {
+    left: 0;
 }
 
 ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-item {
     display: flex;
     align-items: center;
-    height: 37px;
+    min-height: 37px;
+    white-space: normal;
     padding: 8px 12px;
     border: none;
     box-shadow: none;
@@ -4609,6 +4697,10 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     border-color: #fff !important;
 }
 
+._command-menu-dropdown-button_vitro-scrollbar_1J6dT6q {
+    max-height: 288px;
+}
+
 @media (max-width: 800px) {
     ._command-menu-dropdown-button_vitro-command-menu-dropdown-button_2ImIuc3 ._command-menu-dropdown-button_vitro-image_2VNGo-H + div {
         display: none;
@@ -4628,6 +4720,7 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
     }
     ._command-menu-dropdown-button_vitro-dropdown-button-container_29qd-_O .dropdown-menu {
         min-width: 100px;
+        max-width: 241px;
     }
 }
 ._sidebar-item_vitro-item_1BR_7F0 {