控件修复1
parent
e0608e5459
commit
cb76bdefba
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue