lexgui 0.1.33 → 0.1.35

package/build/components/codeeditor.js

@@ -4343,7 +4343,7 @@ CodeEditor.statementsAndDeclarations = {
     'WGSL': ['const','for', 'if', 'else', 'return', 'continue', 'break', 'storage', 'read', 'read_write', 'uniform', 'function', 'workgroup'],
     'Rust': ['break', 'else', 'continue', 'for', 'if', 'loop', 'match', 'return', 'while', 'do', 'yield'],
     'Python': ['if', 'raise', 'del', 'import', 'return', 'elif', 'try', 'else', 'while', 'as', 'except', 'with', 'assert', 'finally', 'yield', 'break', 'for', 'class', 'continue', 
-              'global', 'pass'],
+              'global', 'pass', 'from'],
     'Batch': ['if', 'IF', 'for', 'FOR', 'in', 'IN', 'do', 'DO', 'call', 'CALL', 'goto', 'GOTO', 'exit', 'EXIT']
 };
 

package/build/lexgui.css

@@ -6,8 +6,9 @@
   --global-font: "Figtree", sans-serif;
   --global-title-font: "Poppins", sans-serif;
   --global-font-size: 12px;
+  --global-font-size-big: 14px;
   --global-color-primary: #212121;
-  --global-color-secondary: #2e2e2e;
+  --global-color-secondary: #2c2c2c;
   --global-color-terciary: #444;
   --global-selected: #3e57e4;
   --global-selected-light: #7b8ae2;
@@ -17,12 +18,12 @@
   --branch-title-inactive-background: #42484e;
   --global-button-color: #3e3e3e;
   --global-button-color-hovered: #444;
-  --global-text: #d4d4dce6;
+  --global-text: #dedee6f0;
   --global-text-primary: #f4f4ffe6;
   --global-text-secondary: #cacad4ea;
   --global-text-terciary: #727272b9;
   --global-dark-background: #121212;
-  --global-blur-background: #28292bd5;
+  --global-blur-background: #232425d5;
   --global-color-transparent: #7b8ae200;
   --transition-time: 1000;
   --code-editor-font-size: 14px;
@@ -155,14 +156,14 @@ body.noevents * {
   border-radius: 8px;
   border: 1px solid #d0d0ec6b;
   width: 30%;
+  max-width: 740px;
   top: 15%;
-  left: calc(50% - 15%);
+  left: calc(50% - min(15%, 740px));
   display: flex;
   flex-wrap: wrap;
   z-index: 105;
   -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
   mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */
-  /* box-shadow: 0 2px 10px black; */
 }
 
 #global_search a {
@@ -249,7 +250,7 @@ body.noevents * {
   min-width: 256px;
   /* overflow: hidden; */
   box-shadow: 0 2px 8px #101010;
-  border-radius: 8px;
+  border-radius: 6px;
   z-index: 101;
   background-color: var(--global-color-secondary);
 }
@@ -448,7 +449,7 @@ body.noevents * {
 }
 
 .lexbranch {
-  border-radius: 8px;
+  border-radius: 6px;
   margin-bottom: 4px !important;
 }
 
@@ -828,7 +829,7 @@ body.noevents * {
 }
 
 .lexbutton.array a {
-	margin-top: 3px;
+	margin-top: 2px;
 }
 
 .lexbutton:hover {
@@ -873,7 +874,8 @@ body.noevents * {
 }
 
 .lexcombobuttons .lexbutton.combo {
-  margin-left: 0px;
+  margin-left: 1px;
+  margin-right: 1px;
   border-radius: 0px;
   display: flex;
   padding-top: 0.35em;
@@ -882,13 +884,15 @@ body.noevents * {
 }
 
 .lexcombobuttons .lexbutton.combo:first-child {
- border-top-left-radius: 5px;
- border-bottom-left-radius: 5px;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ margin-left: 0px;
 }
 
 .lexcombobuttons .lexbutton.combo:last-child {
-  border-top-right-radius: 5px;
-  border-bottom-right-radius: 5px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  margin-right: 0px;
 }
 
 .lexcombobuttons .lexbutton.combo.selected {
@@ -1111,9 +1115,11 @@ input[type=checkbox]:checked:after {
 
 .lexcolor {
   display: flex;
+  /*
   flex-wrap: wrap;
   padding-left: 6px;
   padding-right: 6px;
+  */
   align-items: center;
 }
 
@@ -1146,6 +1152,10 @@ input[type=checkbox]:checked:after {
   cursor: pointer;
 }
 
+.lexcolor .lexwidget {
+  padding: 0px;
+}
+
 /* Vector Widgets */
 
 .lexvector {
@@ -1393,7 +1403,7 @@ input[type="range"] {
 /* Data Tree Widget */
 
 .lextree {
-  border-radius: 8px;
+  border-radius: 6px;
   width: calc( 100% - 6px );
   min-height: 12px;
   margin: 0 auto;
@@ -1417,6 +1427,7 @@ input[type="range"] {
 
 .lextree .lextreetools input {
   font-size: var(--global-font-size);
+  padding-left: 8px;
 }
 
 .lextree .lextreetools.notitle {
@@ -1636,7 +1647,7 @@ meter::-webkit-meter-even-less-good-value {
 
 .lexmenubar .lexmenuentry span {
   padding: 4px 8px;
-  border-radius: 6px;
+  border-radius: 4px;
 }
 
 .lexmenubar .lexmenuentry:hover span, .lexmenubar .lexmenuentry.selected span {
@@ -1784,7 +1795,7 @@ meter::-webkit-meter-even-less-good-value {
   background-color: var(--global-color-secondary);
   margin-top: 10px;
   margin-bottom: 8px;
-  border-radius: 8px;
+  border-radius: 6px;
   padding-left: 4px;
   padding-right: 4px;
 }
@@ -2077,9 +2088,9 @@ meter::-webkit-meter-even-less-good-value {
 }
 
 .lexoverlaybuttons .lexbutton {
-  padding: 14px 10px;
-  font-size: var(--global-font-size);
-  border-radius: 6px;
+  padding: 18px 12px;
+  font-size: var(--global-font-size-big);
+  border-radius: 10px;
   justify-content: center;
   background-color: #313132a5;
   -webkit-backdrop-filter: blur(6px);
@@ -2087,9 +2098,13 @@ meter::-webkit-meter-even-less-good-value {
   color: #d1d1d3bd;
 }
 
+.lexoverlaybuttons .lexbutton span {
+  font-size: var(--global-font-size-big);
+}
+
 .lexoverlaybuttons .lexbutton a {
   line-height: 19px;
-  font-size: var(--global-font-size);
+  font-size: var(--global-font-size-big);
 }
 
 .lexoverlaybuttons .lexbutton img {
@@ -2119,7 +2134,7 @@ meter::-webkit-meter-even-less-good-value {
 .lexoverlaybuttons .lexoverlaygroup {
   display: flex;
   margin-right: 6px;
-  background-color: #313132a5;
+  background-color: #313132b5;
   -webkit-backdrop-filter: blur(6px);
   backdrop-filter: blur(6px);
   border-radius: 8px;
@@ -2200,11 +2215,11 @@ meter::-webkit-meter-even-less-good-value {
 }
 
 .lexareatabs.row .lexareatab {
-  background-color: var(--global-color-secondary);
+  background-color: var(--global-color-terciary);
   padding-left: 16px;
   padding-right: 16px;
   margin-right: 4px;
-  border-radius: 8px;
+  border-radius: 4px;
 }
 
 .lexareatabs.fit {