Pārlūkot izejas kodu

CSS improvements in tweakpane editor.

master
Palash Bansal pirms 2 gadiem
vecāks
revīzija
17d751eec2
Revīzijas autora e-pasta adrese nav piesaistīta nevienam kontam

+ 20
- 20
examples/index.html Parādīt failu

</head> </head>
<body> <body>
<div class="root-container"> <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> <button class="hamburger"> &#9776;</button>
<h1><a href="https://github.com/repalash/threepipe">ThreePipe</a> Examples</h1> <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> <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> </ul>
<h2 class="category">Post-Processing</h2> <h2 class="category">Post-Processing</h2>
<ul> <ul>
<li><a href="./dropzone-plugin/">Dropzone (Drag & Drop) Plugin </a></li> <li><a href="./dropzone-plugin/">Dropzone (Drag & Drop) Plugin </a></li>
<li><a href="./fullscreen-plugin/">FullScreen Plugin </a></li> <li><a href="./fullscreen-plugin/">FullScreen Plugin </a></li>
</ul> </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> <h2 class="category">UI Config</h2>
<ul> <ul>
<li><a href="./material-uiconfig/">Material UI </a></li> <li><a href="./material-uiconfig/">Material UI </a></li>
<li><a href="./scene-uiconfig/">Scene UI </a></li> <li><a href="./scene-uiconfig/">Scene UI </a></li>
<li><a href="./viewer-uiconfig/">Viewer UI </a></li> <li><a href="./viewer-uiconfig/">Viewer UI </a></li>
</ul> </ul>
<h2 class="category">Editors</h2>
<ul>
<li><a href="./tweakpane-editor/">Tweakpane Editor </a></li>
</ul>
<h2 class="category">Utils</h2> <h2 class="category">Utils</h2>
<ul> <ul>
<li><a href="./render-target-preview/">Render Target Preview Plugin </a></li> <li><a href="./render-target-preview/">Render Target Preview Plugin </a></li>

+ 2
- 2
plugins/tweakpane-editor/package-lock.json Parādīt failu

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

+ 2
- 2
plugins/tweakpane-editor/package.json Parādīt failu

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

+ 7
- 1
plugins/tweakpane-editor/src/TweakpaneEditorPlugin.css Parādīt failu

margin-top: 5.5rem; 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 { #mcanvas {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
#tweakpaneUiContainer { #tweakpaneUiContainer {
margin-top: 3.5rem;
margin-top: 2.5rem !important;
} }
} }
body { body {

+ 2
- 2
plugins/tweakpane/package-lock.json Parādīt failu

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

+ 1
- 1
plugins/tweakpane/package.json Parādīt failu

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

+ 2
- 0
plugins/tweakpane/src/tpTheme.css Parādīt failu

#tweakpaneUiContainer { #tweakpaneUiContainer {
/*padding-right: 0.25rem;*/ /*padding-right: 0.25rem;*/
height: calc(100% - 6rem);
max-height: calc(100% - 6rem);
} }


:root { :root {

Notiek ielāde…
Atcelt
Saglabāt