mc-react-structure-visualizer 0.8.0 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/main.js +4 -0
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.control-box{position:relative;z-index:1;width:100%;background:#f8f8f8;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:start;margin-top:-2px;padding:10px;box-sizing:border-box}.supercell-container{display:flex;align-items:center;gap:2px;padding:2px}.supercell-input{width:
|
|
1
|
+
.control-box{position:relative;z-index:1;width:100%;background:#f8f8f8;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:start;margin-top:-2px;padding:10px;box-sizing:border-box}.supercell-container{display:flex;align-items:center;gap:2px;padding:2px}.supercell-input{width:40px;height:25px;border-radius:4px;border:1px solid lightgray;margin:1px;padding:0 2px;font-size:14px}.supercell-input::-webkit-inner-spin-button,.supercell-input::-webkit-outer-spin-button{opacity:1}.control-box-row{padding:2px;width:100%;line-height:inherit;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch}.form-label{margin-bottom:0rem}.form-control{padding:0rem .275rem}.camera-controls{display:inline-flex;align-items:center;justify-items:center;text-align:center;gap:2px;padding:2px}.camera-button{border-width:1px;border-color:#000;border-radius:4px;display:inline-flex;align-items:center;justify-items:center;color:#000;background-color:#e0e0e0;padding:8px;height:25px;font-size:14px}.camera-button:hover{color:#000;background-color:#b9b9b9}.control-box-row .form-check-input{margin-left:0}.control-box-row .form-check-label{margin-left:4px}.control-box-input{margin:3px 3px 3px 4px;padding:0}.gldiv{width:98%;height:98%;position:relative}.structure-window-outer{position:relative;width:100%;flex:1;display:flex;align-items:stretch}.structure-window-click-handler{width:100%}.structure-window{position:relative;z-index:2;height:100%;width:100%;background:#fff;text-align:center;border-bottom:1px solid #999;display:flex;justify-content:center;align-items:center}.disable-mouse{pointer-events:none}.mouse-disabled-note{background-color:#f8f8f8;border:1px solid #999999;color:#353434;padding:1px 6px;border-radius:5px;position:absolute;bottom:10px;left:10px;z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none}.on{display:none}.mouse-disabled-note:hover{filter:brightness(90%)}*,*:before,*:after{box-sizing:border-box}.structure-visualizer{width:100%;height:100%;min-height:250px;min-width:250px;font-size:16px;display:flex;flex-direction:column;border-radius:5px;border:1px solid #999;overflow:hidden}
|
package/dist/main.js
CHANGED
|
@@ -688,6 +688,7 @@ const ControlBox = ({ viewerParams: H, onViewerParamChange: w, onViewerEvent: f
|
|
|
688
688
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
689
689
|
"input",
|
|
690
690
|
{
|
|
691
|
+
className: "control-box-input",
|
|
691
692
|
type: "checkbox",
|
|
692
693
|
checked: H.bonds,
|
|
693
694
|
onChange: () => O("bonds")
|
|
@@ -699,6 +700,7 @@ const ControlBox = ({ viewerParams: H, onViewerParamChange: w, onViewerEvent: f
|
|
|
699
700
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
700
701
|
"input",
|
|
701
702
|
{
|
|
703
|
+
className: "control-box-input",
|
|
702
704
|
type: "checkbox",
|
|
703
705
|
checked: H.packedCell,
|
|
704
706
|
onChange: () => O("packedCell")
|
|
@@ -710,6 +712,7 @@ const ControlBox = ({ viewerParams: H, onViewerParamChange: w, onViewerEvent: f
|
|
|
710
712
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
711
713
|
"input",
|
|
712
714
|
{
|
|
715
|
+
className: "control-box-input",
|
|
713
716
|
type: "checkbox",
|
|
714
717
|
checked: H.atomLabels,
|
|
715
718
|
onChange: () => O("atomLabels")
|
|
@@ -721,6 +724,7 @@ const ControlBox = ({ viewerParams: H, onViewerParamChange: w, onViewerEvent: f
|
|
|
721
724
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
722
725
|
"input",
|
|
723
726
|
{
|
|
727
|
+
className: "control-box-input",
|
|
724
728
|
type: "checkbox",
|
|
725
729
|
checked: H.spaceFilling,
|
|
726
730
|
onChange: () => O("vdwRadius")
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mc-react-structure-visualizer",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"author": "Kristjan Eimre <kristjan.eimre@epfl.ch>",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/main.js",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
"preview": "vite preview"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"3dmol": "^2.3
|
|
18
|
-
"mathjs": "^12.4.
|
|
17
|
+
"3dmol": "^2.5.3",
|
|
18
|
+
"mathjs": "^12.4.3"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": "^18.2.0",
|