mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-06 16:33:15 +01:00
prevent long names of sketch geometry from taking over whole screen and making 2d sketching in 3d difficult.
This commit is contained in:
parent
c70ef0372b
commit
9d69c35920
5 changed files with 11 additions and 5 deletions
|
|
@ -52,6 +52,7 @@
|
|||
align-self: stretch;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.sketcherViewport {
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ export function ContextualControls() {
|
|||
<span className={cx(ls.objectItem, getClassName(s))}>
|
||||
<span className={ls.objectIcon}><ObjectIcon object={s} /></span>
|
||||
{getObjectRole(s)}
|
||||
<span className={cx(ls.objectTag, s.marked && ls.selected)}>{s.simpleClassName} <span>{s.id}</span> </span>
|
||||
<span className={cx(ls.objectTag, s.marked && ls.selected)}>{s.simpleClassName} {s.id} </span>
|
||||
<span className={ls.removeButton} onClick={() => ctx.viewer.remove(s)}><Fa icon='times'/></span>
|
||||
</span>
|
||||
</div>)
|
||||
|
|
|
|||
|
|
@ -7,6 +7,8 @@
|
|||
background-color: #000D;
|
||||
color: white;
|
||||
pointer-events: auto;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
}
|
||||
|
||||
.item {
|
||||
|
|
@ -27,6 +29,7 @@
|
|||
pointer-events: auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
max-width:300px;
|
||||
|
||||
|
||||
@alt-color: #9c9c9c;
|
||||
|
|
|
|||
|
|
@ -69,10 +69,10 @@ export function SketchObjectExplorer() {
|
|||
<div className={ls.titleBar}>Objects</div>
|
||||
<div className={ls.scrollableArea}>
|
||||
{objects.map(o => <div key={o.id} className={cx(ls.objectItem, getClassName(o))}>
|
||||
<span className={ls.objectIcon}><ObjectIcon object={o}/></span>
|
||||
<span className={ls.objectIcon}><ObjectIcon object={o} /></span>
|
||||
{getObjectRole(o)}
|
||||
<span onClick={e => tweakSelection(o, e.shiftKey)}
|
||||
className={cx(ls.objectTag, o.marked && ls.selected)}>{o.simpleClassName} <span>{o.id}</span> </span>
|
||||
className={cx(ls.objectTag, o.marked && ls.selected)}>{o.simpleClassName} {o.id} </span>
|
||||
<span className={ls.menuButton}>...</span>
|
||||
</div>)}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
pointer-events: auto;
|
||||
display: flex;
|
||||
align-items: stretch;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
|
||||
@alt-color: #9c9c9c;
|
||||
|
|
@ -15,6 +16,7 @@
|
|||
border-radius: @itemRadius 0 0 @itemRadius;
|
||||
padding: 3px 3px;
|
||||
background-color: @alt-color;
|
||||
text-align: center;
|
||||
& svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue