333/pixel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

publish

Browse source
This commit is contained in:
33333-33333 2026-06-04 02:03:59 +09:00
commit 71009c551f
11 changed files with 2771 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

61
styles.css
View file

@ -324,6 +324,8 @@ button.danger.active, .iconButton.danger.active { background: var(--danger); col
.drawerBody {
overflow-y: auto;
overflow-anchor: none;
scroll-behavior: auto;
padding: 8px;
background:
linear-gradient(45deg, rgba(255,255,255,.4) 25%, transparent 25%) 0 0/18px 18px,
@ -472,7 +474,13 @@ button:disabled, .tool:disabled { opacity: .45; cursor: not-allowed; transform:
.actionRow button { flex: 1; }
.lineageNote { min-height: 18px; color: var(--muted); font-size: 12px; }
.assetList { display: grid; gap: 10px; }
.assetList {
display: grid;
gap: 10px;
align-content: start;
grid-auto-rows: max-content;
overflow-anchor: none;
}
.collectionToolbar {
display: grid;
gap: 8px;
@ -909,8 +917,10 @@ body, button, input, select, textarea {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
align-content: start;
max-height: 360px;
overflow-y: auto;
overflow-anchor: none;
padding-right: 4px;
}
.libraryEmptyNote {
@ -2603,6 +2613,7 @@ body, button, input, select, textarea { font-size: 15px; }
.collectionViewTabs.tabs {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: start;
border: 2px solid var(--line);
box-shadow: 3px 3px 0 rgba(36,48,68,.12);
margin: 2px 0 0;
@ -2611,7 +2622,9 @@ body, button, input, select, textarea { font-size: 15px; }
}
.collectionViewTab.tab {
align-self: start;
min-width: 0;
min-height: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -2839,8 +2852,46 @@ body, button, input, select, textarea { font-size: 15px; }
.studioDrawer { z-index: var(--drawer-z) !important; }
}
/* Keep Collection list redraws from letting scroll anchoring snap the drawer to the top. */
.drawerBody,
.assetList {
overflow-anchor: none;
/* Follow-up layout: let the palette consume the unused horizontal area below the editor and tool column. */
@media (min-width: 761px) {
#tab-draw .paintLayout {
grid-template-columns: minmax(0, 1fr) clamp(220px, 18vw, 270px) !important;
grid-template-rows: auto auto !important;
align-items: start !important;
}
#tab-draw .paintMainColumn {
display: contents !important;
}
#tab-draw .paintMainColumn #paintCanvas {
grid-column: 1 !important;
grid-row: 1 !important;
width: 100% !important;
max-width: none !important;
justify-self: stretch !important;
}
#tab-draw .drawControlPanel {
grid-column: 2 !important;
grid-row: 1 !important;
}
#tab-draw .paintMainColumn .palettePanel {
grid-column: 1 / -1 !important;
grid-row: 2 !important;
width: 100% !important;
max-width: none !important;
justify-self: stretch !important;
padding: 6px !important;
}
#tab-draw .paintMainColumn .paletteGrid,
.studioDrawer.advancedTools #tab-draw .paintMainColumn .paletteGrid {
grid-template-columns: repeat(auto-fill, minmax(28px, 1fr)) !important;
gap: 4px !important;
max-height: none !important;
overflow: visible !important;
}
#tab-draw .paintMainColumn .paletteGrid button,
#tab-draw .paintMainColumn .paletteSwatch {
min-height: 28px !important;
}
}