@vitrosoftware/common-ui-ts 1.1.49 → 1.1.50

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

@@ -136,7 +136,8 @@
     background-color: #DCEEFF !important;
 }
 
-.TWMenuMain {
+.TWCellMenuMain,
+.TWFilterMenuMain {
     width: 241px !important;
     margin-top: 24px !important;
     margin-left: -34px;
@@ -145,7 +146,8 @@
     box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
 }
 
-.TWMenuMain::before {
+.TWCellMenuMain::before,
+.TWFilterMenuMain::before {
     content: '';
     display: block;
     height: 11px;
@@ -160,7 +162,8 @@
     background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
 }
 
-.TWMenuOuter {
+.TWCellMenuMain .TWMenuOuter,
+.TWFilterMenuMain .TWMenuOuter {
     padding: 0;
     margin: 0;
     border-radius: 4px !important;
@@ -168,36 +171,45 @@
     min-width: 241px !important;
 }
 
-.TWMenuBody {
+.TWCellMenuMain .TWMenuBody,
+.TWFilterMenuMain .TWMenuBody {
     margin: 0 !important;
     width: 100%;
 }
 
-.TWMenuBody {
+.TWCellMenuMain .TWMenuBody,
+.TWFilterMenuMain .TWMenuBody {
     cursor: default;
     margin: 0px 1px 0px 1px;
 }
 
-.TWMenuFocus, .TWMenuHover {
+.TWCellMenuMain .TWMenuFocus,
+.TWCellMenuMain .TWMenuHover,
+.TWFilterMenuMain .TWMenuHover,
+.TWFilterMenuMain .TWMenuHover {
     background: #F3F8FF !important;
 }
 
-.TWMenuItem {
+.TWCellMenuMain .TWMenuItem,
+.TWFilterMenuMain .TWMenuItem {
     margin: 0 !important;
     padding: 8px 0 !important;
 }
 
-.TWMenuItemText {
+.TWCellMenuMain .TWMenuItemText,
+.TWFilterMenuMain .TWMenuItemText {
     line-height: 150%;
     padding-left: 12px;
     white-space: normal;
 }
 
-div.TWMenuItemText {
+.TWCellMenuMain div.TWMenuItemText,
+.TWFilterMenuMain div.TWMenuItemText {
     margin-left: 32px;
 }
 
-.TWMenuItemIcon {
+.TWCellMenuMain .TWMenuItemIcon,
+.TWFilterMenuMain .TWMenuItemIcon {
     height: 20px;
     width: 32px;
     background-size: 20px;
@@ -418,14 +430,6 @@ div.TWMenuItemText {
     font-size: 10pt;
 }
 
-.TWMessage .TWMessageButtons {
-    display: flex;
-    width: 100%;
-    padding: 0;
-    justify-content: flex-end;
-    margin: 0;
-}
-
 .TWMessage .vitro-icon-before {
     /* ico-question.svg URL-encoder for SVG */
     background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.1631 44.1426C35.2088 44.1426 44.1631 35.1883 44.1631 24.1426C44.1631 13.0969 35.2088 4.14258 24.1631 4.14258C13.1174 4.14258 4.16309 13.0969 4.16309 24.1426C4.16309 35.1883 13.1174 44.1426 24.1631 44.1426Z' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M18.3428 18.1426C18.813 16.806 19.7411 15.6788 20.9627 14.9609C22.1843 14.2429 23.6206 13.9805 25.0171 14.22C26.4137 14.4596 27.6804 15.1857 28.5929 16.2697C29.5055 17.3537 30.0049 18.7257 30.0028 20.1426C30.0028 24.1426 24.0028 26.1426 24.0028 26.1426' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M24.1631 34.1426H24.1831' stroke='%23BDBDBD' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
@@ -437,49 +441,6 @@ div.TWMenuItemText {
     flex-shrink: 0;
 }
 
-.TWMessage .TWMessageButtons > button, .TWLow .TWMenuButton, .TWProgressButtons > button {
-    height: 32px;
-    line-height: 32px;
-    background: #0097ff;
-    color: #fff;
-    width: auto;
-    padding: 0 12px;
-    min-width: 96px;
-    margin: 8px 0 0 8px;
-    border-radius: 8px;
-    border: none;
-    padding: 0 !important;
-    font-weight: 500;
-    outline: none;
-    font-family: GraphikRegular;
-    font-size: 10pt;
-}
-
-.TWMessage .TWMessageButtons > button:hover, .TWLow .TWMenuButton:hover, .TWProgressButtons > button:hover {
-    background: rgba(0, 151, 255, .8);
-    border-color: transparent;
-}
-
-.TWMessage .TWMessageButtons > button:first-child {
-    margin-left: 0;
-}
-
-.TWMessage .TWMessageButtons > button:last-child,
-.TWMenuFoot > button:last-child,
-.TWProgressButtons > button:last-child {
-    background: #fff;
-    color: #0097ff;
-    border: 1px solid #0097ff;
-}
-
-.TWMessage .TWMessageButtons > button:last-child:hover,
-.TWMenuFoot > button:last-child:hover,
-.TWProgressButtons > button:last-child {
-    background: #fff;
-    border-color: rgba(0, 151, 255, .8);
-    color: rgba(0, 151, 255, .8);
-}
-
 .TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
      /*ico-tableview-contains-not.svg URL-encoder for SVG*/ 
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='12,24 12,40 24,32'/%3E%3Cpolygon points='52,40 52,24 40,32'/%3E%3Cpolygon points='28,33.3 36,28 36,20 40,20 40,12 24,12 24,20 28,20'/%3E%3Cpolygon points='36,32 28,37.3 28,44 24,44 24,52 40,52 40,44 36,44'/%3E%3Cpolygon fill='%23ff5b2d' points='48,20 48,16 12,40 12,44'/%3E%3C/g%3E%3C/svg%3E") !important;
@@ -731,4 +692,101 @@ div.TWMenuItemText {
 
 .TWHeaderGroupCustom {
     padding: 0;
+}
+
+.TWCfgMenuItem {
+    margin: 0;
+    background: #fff !important;
+    padding: 0 16px !important;
+}
+
+.TWCfgMenuItem .TWCfgMenuItemText {
+    padding: 4px 0;
+}
+
+.TWCfgMenuItem .TWCfgMenuBoolIconRight {
+    background-size: 16px;
+}
+
+.TWCfgMenuMain {
+    margin-top: -5%;
+    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);
+}
+
+.TWMenuButton {
+    border-radius: 4px;
+    background: #347FDE;
+    padding: 8px 16px !important;
+    color: #fff !important;
+    margin: 0 !important;
+}
+
+.TWMenuButton:hover,
+.TWMenuButton:active {
+    background: #3274E0;
+}
+
+.TWDialogButtonCancel {
+    color: #222D44 !important;
+    background: #fff;
+}
+
+.TWDialogButtonCancel:hover,
+.TWDialogButtonCancel:active {
+    color: #222D44 !important;
+    background: #F3F8FF;
+}
+
+.TWCfgMenuCaption {
+    font-weight: normal;
+    line-height: 150%;
+    padding: 4px;
+}
+
+.TWCfgMenuHead {
+    background: #fff;
+    border-bottom: 1px solid #E4E6EC;
+    padding: 20px 16px 20px 16px !important;
+}
+
+.TWCfgMenuHeadText {
+    font-size: 20px;
+    line-height: 24px;
+    text-align: left;
+}
+
+.TWCfgMenuClose {
+    position: absolute;
+    height: 60px;
+    width: 60px !important;
+    top: -9px;
+    right: -64px;
+    background-size: 100%;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M16.8906 43.1056L29.9981 29.9981L43.1056 43.1056M43.1056 16.8906L29.9956 29.9981L16.8906 16.8906' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.TWCfgMenuBody {
+    margin: 0;
+    width: 100%;
+    padding: 8px 0;
+}
+
+.TWCfgMenuFoot {
+    border-top: 1px solid #E4E6EC;
+    padding: 16px 16px !important;
+    display: flex;
+    grid-gap: 12px;
+    justify-content: flex-start;
+    flex-direction: row-reverse;
+}
+
+.TWCfgMenuOuterBottom {
+    padding: 0 !important;
+    border-radius: 4px;
+}
+
+.GridDisabled {
+    background: #222D44;
+    opacity: 0.2;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vitrosoftware/common-ui-ts",
-    "version": "1.1.49",
+    "version": "1.1.50",
     "description": "vitro software common ui ts",
     "author": "",
     "license": "MIT",