Przeglądaj źródła

Minor UI change in TweakpaneEditorPlugin.

master
Palash Bansal 2 lat temu
rodzic
commit
1edcf6c67b
No account linked to committer's email address

+ 1
- 1
plugins/tweakpane-editor/package.json Wyświetl plik

{ {
"name": "@threepipe/plugin-tweakpane-editor", "name": "@threepipe/plugin-tweakpane-editor",
"description": "Tweakpane Editor Plugin for ThreePipe", "description": "Tweakpane Editor Plugin for ThreePipe",
"version": "0.2.0",
"version": "0.2.1",
"devDependencies": { "devDependencies": {
"tippy.js": "^6.3.7", "tippy.js": "^6.3.7",
"treejs": "git://github.com/repalash/treejs.git#d303016bb74e75725d13e97291ac1d4727985918" "treejs": "git://github.com/repalash/treejs.git#d303016bb74e75725d13e97291ac1d4727985918"

+ 25
- 6
plugins/tweakpane-editor/src/TweakpaneEditorPlugin.css Wyświetl plik

min-width: 6rem; min-width: 6rem;
border-radius: 0 0 0.5rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem;
gap: 8px; gap: 8px;
flex-wrap: nowrap !important;
overflow-x: scroll;
pointer-events: auto;
max-width: 100%;
align-content: center;
justify-content: flex-start;
align-items: center;
box-sizing: border-box;
} }
/* Hide scrollbar for Chrome, Safari and Opera */
.mode-buttons-container::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
.mode-buttons-container {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}



.mode-button { .mode-button {
font-weight: 500; font-weight: 500;




#tweakpaneUiContainer { #tweakpaneUiContainer {
margin-top: 7.5rem;
}
@media only screen and (min-width: 480px) {
#tweakpaneUiContainer {
margin-top: 5.5rem;
}
margin-top: 3.5rem;
} }
/*@media only screen and (min-width: 480px) {*/
/* #tweakpaneUiContainer {*/
/* margin-top: 5.5rem;*/
/* }*/
/*}*/

@media only screen and (max-width: 920px) { @media only screen and (max-width: 920px) {
#tweakpaneUiContainer { #tweakpaneUiContainer {
height: calc(100% - 12.5rem) !important; height: calc(100% - 12.5rem) !important;

Ładowanie…
Anuluj
Zapisz