Bläddra i källkod

CSS improvements in tweakpane editor.

master
Palash Bansal 2 år sedan
förälder
incheckning
17d751eec2
Inget konto är kopplat till bidragsgivarens mejladress

+ 20
- 20
examples/index.html Visa fil

@@ -210,25 +210,12 @@
</head>
<body>
<div class="root-container">
<div class="sidebar" data-selected-example="GLTF Load">
<div class="sidebar" data-selected-example="Tweakpane Editor">
<button class="hamburger"> &#9776;</button>
<h1><a href="https://github.com/repalash/threepipe">ThreePipe</a> Examples</h1>
<h2 class="category">Import</h2>
<ul>
<li><a href="./fbx-load/">FBX Load </a></li>
<li><a href="./obj-mtl-load/">OBJ MTL Load </a></li>
<li><a class="selected" href="./gltf-load/">GLTF Load </a></li>
<li><a href="./rhino3dm-load/">Rhino 3DM Load </a></li>
<li><a href="./drc-load/">DRACO(DRC) Load </a></li>
<li><a href="./hdr-load/">HDR Load </a></li>
<li><a href="./exr-load/">EXR Load </a></li>
</ul>
<h2 class="category">Export</h2>
<h2 class="category">Editors</h2>
<ul>
<li><a href="./image-snapshot-export/">PNG, JPEG, WEBP Export<br/>(Image Snapshot) </a></li>
<li><a href="./render-target-export/">EXR, PNG, JPEG, WEBP Export<br/>(Render Target Export) </a></li>
<li><a href="./glb-export/">GLB Export </a></li>
<li><a href="./pmat-material-export/">PMAT Material export </a></li>
<li><a class="selected" href="./tweakpane-editor/">Tweakpane Editor </a></li>
</ul>
<h2 class="category">Post-Processing</h2>
<ul>
@@ -245,6 +232,23 @@
<li><a href="./dropzone-plugin/">Dropzone (Drag & Drop) Plugin </a></li>
<li><a href="./fullscreen-plugin/">FullScreen Plugin </a></li>
</ul>
<h2 class="category">Import</h2>
<ul>
<li><a href="./fbx-load/">FBX Load </a></li>
<li><a href="./obj-mtl-load/">OBJ MTL Load </a></li>
<li><a href="./gltf-load/">GLTF Load </a></li>
<li><a href="./rhino3dm-load/">Rhino 3DM Load </a></li>
<li><a href="./drc-load/">DRACO(DRC) Load </a></li>
<li><a href="./hdr-load/">HDR Load </a></li>
<li><a href="./exr-load/">EXR Load </a></li>
</ul>
<h2 class="category">Export</h2>
<ul>
<li><a href="./image-snapshot-export/">PNG, JPEG, WEBP Export<br/>(Image Snapshot) </a></li>
<li><a href="./render-target-export/">EXR, PNG, JPEG, WEBP Export<br/>(Render Target Export) </a></li>
<li><a href="./glb-export/">GLB Export </a></li>
<li><a href="./pmat-material-export/">PMAT Material export </a></li>
</ul>
<h2 class="category">UI Config</h2>
<ul>
<li><a href="./material-uiconfig/">Material UI </a></li>
@@ -253,10 +257,6 @@
<li><a href="./scene-uiconfig/">Scene UI </a></li>
<li><a href="./viewer-uiconfig/">Viewer UI </a></li>
</ul>
<h2 class="category">Editors</h2>
<ul>
<li><a href="./tweakpane-editor/">Tweakpane Editor </a></li>
</ul>
<h2 class="category">Utils</h2>
<ul>
<li><a href="./render-target-preview/">Render Target Preview Plugin </a></li>

+ 2
- 2
plugins/tweakpane-editor/package-lock.json Visa fil

@@ -1,12 +1,12 @@
{
"name": "@threepipe/plugin-tweakpane-editor",
"version": "0.1.1",
"version": "0.1.2",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@threepipe/plugin-tweakpane-editor",
"version": "0.1.1",
"version": "0.1.2",
"license": "Apache-2.0",
"dependencies": {
"@threepipe/plugin-tweakpane": "file:./../tweakpane/src/",

+ 2
- 2
plugins/tweakpane-editor/package.json Visa fil

@@ -1,7 +1,7 @@
{
"name": "@threepipe/plugin-tweakpane-editor",
"description": "Tweakpane Editor Plugin for ThreePipe",
"version": "0.1.1",
"version": "0.1.2",
"devDependencies": {
"tippy.js": "^6.3.7"
},
@@ -20,7 +20,7 @@
"replace": {
"dependencies": {
"threepipe": "^0.0.8",
"@threepipe/plugin-tweakpane": "^0.1.1"
"@threepipe/plugin-tweakpane": "^0.1.2"
}
}
},

+ 7
- 1
plugins/tweakpane-editor/src/TweakpaneEditorPlugin.css Visa fil

@@ -240,6 +240,12 @@
margin-top: 5.5rem;
}
}
@media only screen and (max-width: 920px) {
#tweakpaneUiContainer {
height: calc(100% - 12.5rem) !important;
max-height: calc(100% - 12.5rem) !important;
}
}
#mcanvas {
width: 100%;
height: 100%;
@@ -274,7 +280,7 @@
border-radius: 0.5rem;
}
#tweakpaneUiContainer {
margin-top: 3.5rem;
margin-top: 2.5rem !important;
}
}
body {

+ 2
- 2
plugins/tweakpane/package-lock.json Visa fil

@@ -1,12 +1,12 @@
{
"name": "@threepipe/plugin-tweakpane",
"version": "0.1.1",
"version": "0.1.2",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "@threepipe/plugin-tweakpane",
"version": "0.1.1",
"version": "0.1.2",
"license": "Apache-2.0",
"dependencies": {
"threepipe": "file:./../../src/"

+ 1
- 1
plugins/tweakpane/package.json Visa fil

@@ -1,7 +1,7 @@
{
"name": "@threepipe/plugin-tweakpane",
"description": "Tweakpane UI Plugin for ThreePipe",
"version": "0.1.1",
"version": "0.1.2",
"devDependencies": {
"tweakpane-image-plugin": "https://github.com/repalash/tweakpane-image-plugin/releases/download/v1.1.404/package.tgz",
"uiconfig-tweakpane": "^0.0.4"

+ 2
- 0
plugins/tweakpane/src/tpTheme.css Visa fil

@@ -1,5 +1,7 @@
#tweakpaneUiContainer {
/*padding-right: 0.25rem;*/
height: calc(100% - 6rem);
max-height: calc(100% - 6rem);
}

:root {

Laddar…
Avbryt
Spara