idk
This commit is contained in:
parent
edca82cd5d
commit
664252e0fc
17 changed files with 373 additions and 112 deletions
|
|
@ -841,16 +841,31 @@ button.share-button:hover, button.share-button.on { filter: brightness(1.1); }
|
|||
.stage-area {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
/* `safe`, because the stage zooms: a centred grid item larger than its scroll
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* `safe`, because the stage zooms: a centred item larger than its scroll
|
||||
container puts its top-left edge out of reach on the start side, which at
|
||||
8x is most of the picture. Safe alignment falls back to start when it does
|
||||
not fit, and centring is only ever about where a SMALL stage sits. */
|
||||
place-items: safe center;
|
||||
align-items: safe center;
|
||||
justify-content: safe center;
|
||||
overflow: auto;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.stage-target {
|
||||
flex: 0 0 auto;
|
||||
margin-top: -1px;
|
||||
padding: 3px 9px 4px;
|
||||
border: 1px solid var(--line);
|
||||
border-top: 0;
|
||||
border-radius: 0 0 3px 3px;
|
||||
background: var(--pane);
|
||||
color: var(--dim);
|
||||
}
|
||||
|
||||
.stage-target strong { color: var(--fg); font-weight: 600; }
|
||||
|
||||
/* The stage sits ON the work area rather than filling it, as it does in every
|
||||
tool of this shape: the picture has edges and they are part of what you are
|
||||
judging. */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue