shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add planner-aware memos and unified tool configuration panels
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
Details

Browse source
This commit is contained in:
Shinuwa 2026-10-03 15:58:33 +02:00
parent acd9b2fe11
commit 808610dcf2
53 changed files with 842 additions and 329 deletions
Download patch file Download diff file Expand all files Collapse all files

116
website/src/styles/toolboxes/_module-shell.scss
View file

@ -2,7 +2,7 @@
@use "../design-system/controls";
@use "../mixins";
.module header {
.module .module-header {
display: flex;
align-items: center;
justify-content: space-between;
@ -11,26 +11,43 @@
border-bottom: 1px solid var(--color-border);
}
.module header > div {
.module .module-header-main,
.module .module-header-actions {
display: flex;
align-items: center;
gap: 10px;
}
.module header h2 {
.module .module-header-main {
min-width: 0;
flex: 1 1 auto;
}
.module .module-header-actions {
flex: 0 0 auto;
}
.module .module-header h2 {
margin: 0;
font-size: 17px;
}
.module-space-select {
width: auto;
max-width: 150px;
width: 100%;
}
.module-content {
min-width: 0;
}
.module-component-host {
display: contents;
}
.module-component-host[hidden] {
display: none;
}
.module.is-collapsed header {
border-bottom-color: transparent;
}
@ -78,11 +95,14 @@
}
.module-title {
min-width: 80px;
min-width: 0;
max-width: 100%;
overflow: hidden;
padding: 4px 6px;
border-radius: var(--radius-sm);
cursor: text;
text-overflow: ellipsis;
white-space: nowrap;
}
.module-title:focus {
@ -92,14 +112,14 @@
}
.module-edit-button,
.module-exchange-button,
.module-configuration-button,
.module-delete-button,
.module-collapse-button {
flex: 0 0 40px;
}
.module-edit-button,
.module-exchange-button,
.module-configuration-button,
.module-collapse-button {
color: var(--color-text-secondary);
}
@ -122,10 +142,88 @@
}
.module-edit-button.active,
.module-exchange-button.active {
.module-configuration-button.active {
@include mixins.temporary-toggle-active;
}
.module-configuration-panel {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--space-4);
row-gap: var(--space-2);
margin: var(--space-1) var(--space-2) var(--space-2);
padding: 10px 12px 12px;
border: 1px solid rgba(165, 180, 252, 0.1);
border-radius: var(--radius-md);
background:
linear-gradient(135deg, rgba(139, 92, 246, 0.035), transparent 56%),
rgba(7, 10, 24, 0.2);
}
.module-configuration-target {
display: contents;
}
.module-configuration-section {
display: grid;
min-width: 0;
align-content: start;
gap: var(--space-2);
padding: 4px 6px;
}
.module-configuration-organization {
grid-column: 1;
grid-row: 1;
padding-right: var(--space-4);
border-right: 1px solid rgba(165, 180, 252, 0.1);
}
.module-configuration-data {
grid-column: 2;
grid-row: 1;
}
.module-configuration-panel:not(:has(.module-configuration-organization)) .module-configuration-data {
grid-column: 1 / -1;
}
.module-configuration-specific {
grid-column: 1 / -1;
padding-top: var(--space-3);
border-top: 1px solid rgba(165, 180, 252, 0.1);
}
.module-configuration-section > h3 {
margin: 0;
color: var(--color-text-secondary);
font-size: 0.6875rem;
font-weight: 900;
letter-spacing: 0.07em;
text-transform: uppercase;
}
.module-configuration-section .module-text-exchange-panel,
.module-configuration-section .guide-checklist-controls {
margin: 0;
padding: 0;
border: 0;
}
.module-configuration-panel .text-import-actions {
gap: 6px;
}
.module-configuration-panel .text-import-actions button {
min-height: 34px;
gap: 6px;
}
.module-configuration-panel .text-import-actions .ui-icon {
width: 15px;
height: 15px;
}
.module-icon {
display: grid;
width: 34px;