XF/GIA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rebuild workspace widgets and behavioral graph views

Browse Source
This commit is contained in:
Mark Veidemanis
2026-03-13 16:48:24 +00:00
parent f8a6d1d41c
commit 57269770b5
47 changed files with 2951 additions and 1077 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
core/static/css/compose-panel.css
View File

@@ -96,12 +96,12 @@
.compose-shell .compose-thread {
display: flex;
flex-direction: column;
gap: 0.75rem;
gap: 0.35rem;
flex: 1 1 auto;
min-height: 0;
max-height: none;
overflow-y: auto;
padding: 0.75rem;
padding: 0.5rem 0.625rem;
border: 1px solid var(--bulma-border, #dbdbdb);
background: var(--bulma-scheme-main-bis, #f7f8fa);
}
@@ -112,10 +112,19 @@
font-size: 0.875rem;
}
.compose-shell .compose-history-loader {
margin: 0;
text-align: center;
}
.compose-shell .compose-history-loader.is-hidden {
display: none;
}
.compose-shell .compose-row {
display: flex;
flex-direction: column;
gap: 0.35rem;
gap: 0.15rem;
}
.compose-shell .compose-row.is-in {
@@ -137,10 +146,10 @@
.compose-shell .compose-bubble {
width: fit-content;
max-width: min(42rem, 100%);
padding: 0.75rem 0.875rem;
max-width: min(38rem, 100%);
padding: 0.4rem 0.55rem;
border: 1px solid var(--bulma-border, #dbdbdb);
border-radius: 1rem;
border-radius: 0.8rem;
background: var(--bulma-scheme-main, #fff);
}
@@ -150,8 +159,8 @@
}
.compose-shell .compose-reply-ref {
margin-bottom: 0.5rem;
padding-left: 0.75rem;
margin-bottom: 0.3rem;
padding-left: 0.45rem;
border-left: 3px solid var(--bulma-border, #dbdbdb);
}
@@ -160,7 +169,7 @@
border: 0;
background: transparent;
color: var(--bulma-link, #3273dc);
font-size: 0.75rem;
font-size: 0.6875rem;
text-align: left;
}
@@ -168,35 +177,26 @@
text-decoration: underline;
}
.compose-shell .compose-source-badge-wrap {
margin-bottom: 0.5rem;
}
.compose-shell .compose-source-badge {
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.02em;
}
.compose-shell .compose-media {
margin: 0 0 0.5rem;
margin: 0 0 0.3rem;
}
.compose-shell .compose-media:last-of-type {
margin-bottom: 0.625rem;
margin-bottom: 0.35rem;
}
.compose-shell .compose-image {
display: block;
max-width: min(26rem, 100%);
max-height: 24rem;
border-radius: 0.75rem;
max-height: 22rem;
border-radius: 0.6rem;
}
.compose-shell .compose-body {
margin: 0;
white-space: pre-wrap;
overflow-wrap: anywhere;
line-height: 1.28;
}
.compose-shell .compose-image-fallback.is-hidden {
@@ -209,11 +209,11 @@
.compose-shell .compose-reactions + .compose-msg-meta,
.compose-shell .compose-edit-history + .compose-reactions,
.compose-shell .compose-edit-history + .compose-msg-meta {
margin-top: 0.5rem;
margin-top: 0.3rem;
}
.compose-shell .compose-edit-history {
font-size: 0.75rem;
font-size: 0.6875rem;
}
.compose-shell .compose-edit-history summary {
@@ -221,15 +221,15 @@
}
.compose-shell .compose-edit-history ul {
margin: 0.5rem 0 0;
margin: 0.35rem 0 0;
padding-left: 1rem;
}
.compose-shell .compose-edit-diff {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin-top: 0.25rem;
gap: 0.25rem;
margin-top: 0.15rem;
}
.compose-shell .compose-edit-old {
@@ -244,21 +244,21 @@
.compose-shell .compose-reactions {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
gap: 0.2rem;
}
.compose-shell .compose-reaction-chip {
min-height: 1.7rem;
font-size: 0.875rem;
min-height: 1.45rem;
font-size: 0.75rem;
}
.compose-shell .compose-msg-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem;
margin-top: 0.5rem;
font-size: 0.75rem;
gap: 0.25rem;
margin-top: 0.3rem;
font-size: 0.6875rem;
}
.compose-shell .compose-msg-flag {
@@ -275,7 +275,30 @@
}
.compose-shell .compose-reply-btn {
margin-top: 0.5rem;
display: inline-flex;
align-items: center;
gap: 0.25rem;
margin-top: 0.25rem;
min-height: 1.75rem;
padding-inline: 0.45rem;
}
@media (hover: hover) {
.compose-shell .compose-row .compose-reply-btn {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.12s ease-in-out;
}
.compose-shell .compose-row:hover .compose-reply-btn,
.compose-shell .compose-row.compose-reply-selected .compose-reply-btn,
.compose-shell .compose-row:focus-within .compose-reply-btn,
.compose-shell .compose-reply-btn:focus-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.compose-shell .compose-form {