控件修复1

new_test
Bifang 2026-05-09 17:36:05 +08:00
parent e0608e5459
commit cb76bdefba
2 changed files with 55 additions and 10 deletions

View File

@ -103,6 +103,25 @@ textarea {
gap: 10px; gap: 10px;
} }
#template-panel .toolbar {
flex: 0 0 auto;
justify-content: flex-end;
flex-wrap: wrap;
row-gap: 8px;
max-width: min(100%, 320px);
}
#template-panel .toolbar .inline-label,
#template-panel .toolbar .btn,
#template-panel .toolbar select {
flex: 0 0 auto;
}
#template-panel .toolbar select.btn {
min-width: 0;
max-width: 156px;
}
.workspace { .workspace {
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
@ -471,14 +490,7 @@ select.btn {
} }
.stream-box::before { .stream-box::before {
content: ""; content: none;
position: absolute;
top: 0;
left: -35%;
width: 35%;
height: 3px;
background: linear-gradient(90deg, rgba(47, 128, 237, 0), rgba(47, 128, 237, 0.95), rgba(47, 128, 237, 0));
animation: marquee-glow 1.8s linear infinite;
} }
.stream-title { .stream-title {
@ -488,6 +500,27 @@ select.btn {
font-weight: 700; font-weight: 700;
color: var(--accent-strong); color: var(--accent-strong);
background: linear-gradient(180deg, rgba(232, 242, 255, 0.92), rgba(248, 252, 255, 0.98)); background: linear-gradient(180deg, rgba(232, 242, 255, 0.92), rgba(248, 252, 255, 0.98));
overflow: hidden;
}
.stream-title::after {
content: "";
position: absolute;
inset: 0;
left: -100%;
width: 100%;
background: linear-gradient(
90deg,
rgba(47, 128, 237, 0) 0%,
rgba(125, 182, 255, 0.12) 18%,
rgba(125, 182, 255, 0.26) 36%,
rgba(125, 182, 255, 0.4) 50%,
rgba(125, 182, 255, 0.26) 64%,
rgba(125, 182, 255, 0.12) 82%,
rgba(47, 128, 237, 0) 100%
);
animation: title-marquee 2.2s linear infinite;
pointer-events: none;
} }
.stream-content, .stream-content,
@ -647,6 +680,18 @@ select.btn {
} }
} }
@keyframes title-marquee {
0% {
left: -100%;
}
62% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes status-marquee { @keyframes status-marquee {
from { from {
background-position: 200% 0; background-position: 200% 0;

View File

@ -79,7 +79,7 @@
<section class="panel" id="template-panel"> <section class="panel" id="template-panel">
<div class="panel-header"> <div class="panel-header">
<div class="panel-heading"> <div class="panel-heading">
<span>右侧编辑区</span> <span>文档编辑</span>
<div class="status-block"> <div class="status-block">
<div class="status-row"> <div class="status-row">
<span class="status-label">当前状态</span> <span class="status-label">当前状态</span>
@ -90,7 +90,7 @@
</div> </div>
</div> </div>
<div class="toolbar"> <div class="toolbar">
<label class="inline-label" for="tpl-select">模板选择</label> <label class="inline-label" for="tpl-select">模板</label>
<select class="btn sm" id="tpl-select"></select> <select class="btn sm" id="tpl-select"></select>
<button class="btn sm" id="btn-reparse-guide" disabled>解析</button> <button class="btn sm" id="btn-reparse-guide" disabled>解析</button>
<button class="btn sm" id="btn-toggle-side-edit" disabled>编辑</button> <button class="btn sm" id="btn-toggle-side-edit" disabled>编辑</button>