控件修复1
parent
e0608e5459
commit
cb76bdefba
|
|
@ -103,6 +103,25 @@ textarea {
|
|||
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 {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
|
|
@ -471,14 +490,7 @@ select.btn {
|
|||
}
|
||||
|
||||
.stream-box::before {
|
||||
content: "";
|
||||
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;
|
||||
content: none;
|
||||
}
|
||||
|
||||
.stream-title {
|
||||
|
|
@ -488,6 +500,27 @@ select.btn {
|
|||
font-weight: 700;
|
||||
color: var(--accent-strong);
|
||||
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,
|
||||
|
|
@ -647,6 +680,18 @@ select.btn {
|
|||
}
|
||||
}
|
||||
|
||||
@keyframes title-marquee {
|
||||
0% {
|
||||
left: -100%;
|
||||
}
|
||||
62% {
|
||||
left: 100%;
|
||||
}
|
||||
100% {
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes status-marquee {
|
||||
from {
|
||||
background-position: 200% 0;
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
<section class="panel" id="template-panel">
|
||||
<div class="panel-header">
|
||||
<div class="panel-heading">
|
||||
<span>右侧编辑区</span>
|
||||
<span>文档编辑</span>
|
||||
<div class="status-block">
|
||||
<div class="status-row">
|
||||
<span class="status-label">当前状态</span>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<button class="btn sm" id="btn-reparse-guide" disabled>解析</button>
|
||||
<button class="btn sm" id="btn-toggle-side-edit" disabled>编辑</button>
|
||||
|
|
|
|||
Loading…
Reference in New Issue