@jscad/web 2.5.6 → 2.5.8

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.5.8](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/web@2.5.7...@jscad/web@2.5.8) (2022-04-03)
+
+**Note:** Version bump only for package @jscad/web
+
+
+
+
+
+## [2.5.7](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/web@2.5.6...@jscad/web@2.5.7) (2022-04-03)
+
+
+### Bug Fixes
+
+* **web:** editor styling and example loading fixes ([#1031](https://github.com/jscad/OpenJSCAD.org/issues/1031)) ([4f811a2](https://github.com/jscad/OpenJSCAD.org/commit/4f811a27c0cbb7caabf28fcef932cbaf19aaa6f4))
+
+
+
+
+
 ## [2.5.6](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/web@2.5.5...@jscad/web@2.5.6) (2022-03-13)
 
 **Note:** Version bump only for package @jscad/web

package/css/codemirror.css

@@ -60,20 +60,13 @@
 .cm-fat-cursor div.CodeMirror-cursors {
   z-index: 1;
 }
-.cm-fat-cursor-mark {
-  background-color: rgba(20, 255, 20, 0.5);
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-}
-.cm-animate-fat-cursor {
-  width: auto;
-  border: 0;
-  -webkit-animation: blink 1.06s steps(1) infinite;
-  -moz-animation: blink 1.06s steps(1) infinite;
-  animation: blink 1.06s steps(1) infinite;
-  background-color: #7e7;
-}
+.cm-fat-cursor .CodeMirror-line::selection,
+.cm-fat-cursor .CodeMirror-line > span::selection,
+.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
+.cm-fat-cursor .CodeMirror-line::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
+.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
+.cm-fat-cursor { caret-color: transparent; }
 @-moz-keyframes blink {
   0% {}
   50% { background-color: transparent; }
@@ -171,6 +164,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   height: 100%;
   outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
+  z-index: 0;
 }
 .CodeMirror-sizer {
   position: relative;
@@ -184,6 +178,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
   position: absolute;
   z-index: 6;
   display: none;
+  outline: none;
 }
 .CodeMirror-vscrollbar {
   right: 0; top: 0;
@@ -346,4 +341,4 @@ div.CodeMirror-dragcursors {
 .cm-tab-wrap-hack:after { content: ''; }
 
 /* Help users use markselection to safely style text background */
-span.CodeMirror-selectedtext { background: none; }
+span.CodeMirror-selectedtext { background: none; }

package/css/demo.css

@@ -253,7 +253,7 @@ h3 {
 section {
   padding: 20px;
   box-shadow: 5px 5px 7px 2px rgba(0, 0, 0, 0.17);
-  overflow: scroll;
+  overflow: auto;
   color: var(--main-text-color);
   z-index: 10;
   border: 1px solid #aaa;

package/css/style.css

@@ -36,35 +36,6 @@ a:visited {
    z-index: 20;
 }
 
-#editFrame {
-/*  display: none; */
-
-  margin: 0;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-/*  left: 0; */
-  right: 0;
-
-  width: 40%;
-  font-weight: normal;
-}
-
-#editHandle {
-  left: -25px;
-  top: 45%;
-  position: absolute;
-  z-index: 6;
-  opacity: 0.9;
-}
-
-#editFrame {
-  transition: width 0.4s;
-  -o-transition: width 0.4s;
-  -moz-transition: width 0.4s;
-  -webkit-transition: width 0.4s;
-}
-
 .ace_gutter {
    border-left: 1px solid #ccc;
    background: transparent !important;
@@ -127,20 +98,6 @@ canvas {
    z-index: 100;
 }
 
-.okButton {
-   border: 2px solid #808080;
-   border-radius: 4px;
-   padding: 0.5em;
-   padding-left: 2em;
-   padding-right: 2em;
-   margin-top: 3em;
-   background: #eee;
-}
-
-.okButton:hover {
-   background: #ccc;
-}
-
 #footer {
    font-size: 0.7em;
    text-align: left;
@@ -197,13 +154,6 @@ canvas {
    left: 0;
 }
 
-#menuHandle {
-   right: -25px;
-   top: 45%;
-   position: absolute;
-   z-index: 6;
-}
-
 #menu nav {
    position: relative;
    top: 50px;
@@ -245,34 +195,6 @@ canvas {
    font-size: 0.6em;
 }
 
-.info .infoView {
-   text-align: center;
-   font-weight: bold;
-   color: #444;
-   background: rgba(0,0,0,0.1);
-}
-
-.info .infoOperation {
-   font-weight: bold;
-   color: #602080;
-}
-
-.info .infoKey {
-   font-weight: bold;
-   color: #808080;
-}
-
-#menuVersion {
-   text-align: center;
-   font-size: 0.6em;
-   color: #666;
-}
-
-.menuSubInfo {
-   font-size: 0.6em;
-   color: #666;
-}
-
 #examples {
    /* width: 60em; */
    width: auto;
@@ -294,16 +216,6 @@ canvas {
    list-style-type: none;
 }
 
-#examplesHandle {
-   bottom: 0px;
-   left: 45%;
-   position: relative;
-   z-index: 10;
-}
-
-.examplesSeparator {
-}
-
 #options {
    width: auto;
    z-index: 12;
@@ -317,44 +229,8 @@ canvas {
    font-size: 0.8em;
 }
 
-.optionGroup {
-   border: 1px solid #ccc;
-   border-radius: 5px;
-   padding: 0.5em;
-   margin: 0.5em;
-   background: white;
-}
-
-.optionGroup input, .optionGroup select {
-  background: #fea;
-  border: none;
-}
-
-.optionInfo {
-   font-size: 0.8em;
-   color: #888;
-}
-
 /* arrows */
 
-.shift-scene {
-   position: absolute;
-   left: 50%;
-   top: 50%;
-   border-radius: 50%;
-   border: 5px dotted #999;
-   width: 160px;
-   height: 160px;
-   margin-top: -80px;
-   margin-left: -80px;
-   background: transparent;
-   cursor: move;
-   opacity: 0.8;
-   display: none;
-}
-.shift-scene.active {
-   display: block;
-}
 .arrow {
    width: 0px;
    height: 0px;

package/demo.html

@@ -6,7 +6,6 @@
     <title>JSCAD.xyz</title>
 
     <link rel="stylesheet" type="text/css" href="./css/demo.css">
-    <link rel="stylesheet" type="text/css" href="./css/editor.css">
     <link rel="shortcut icon" href="imgs/favicon.png" type="image/x-png">
     <style>
         body{