kaizenkodo/CoBiE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve detail timeline visibility

Browse Source
This commit is contained in:
Kiyomichi Kosaka 2025-06-20 08:09:50 +02:00
parent 757aa60ec4
commit 483b20e13d
1 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
style.css
View File

@ -401,7 +401,7 @@
.detail-timeline {
position: relative;
height: 400px;
border-left: 2px solid #00ffff;
border-left: 3px solid #00ffff;
margin-left: 40px;
overflow-x: visible;
overflow-y: hidden;
@ -411,12 +411,14 @@
position: absolute;
left: -40px;
width: calc(100% + 40px);
border-top: 1px dashed rgba(255,255,255,0.2);
color: #aaa;
font-size: 0.8em;
border-top: 1px dashed rgba(0,255,255,0.5);
color: #00ffff;
font-size: 0.9em;
font-weight: 600;
padding-top: 2px;
text-shadow: 0 0 4px #00ffff;
pointer-events: none;
z-index: 1;
z-index: 5;
}
.current-time-line {
@ -425,23 +427,26 @@
width: calc(100% + 40px);
border-top: 2px solid #ff00ff;
color: #ff00ff;
font-size: 0.8em;
font-size: 0.9em;
font-weight: 600;
padding-top: 2px;
text-shadow: 0 0 4px #ff00ff;
pointer-events: none;
z-index: 2;
z-index: 6;
}
.event-box, .event-line {
position: absolute;
left: 0;
background: rgba(255,0,255,0.3);
border: 1px solid rgba(0,255,255,0.5);
background: rgba(255,0,255,0.4);
border: 1px solid rgba(0,255,255,0.7);
border-radius: 4px;
padding: 2px 4px;
color: #fff;
font-size: 0.7em;
font-size: 0.75em;
overflow: visible;
white-space: nowrap;
z-index: 3;
}
.event-line {
@ -462,13 +467,16 @@
top: 50%;
transform: translateY(-50%);
margin-left: 4px;
background: rgba(255,0,255,0.3);
border: 1px solid rgba(0,255,255,0.5);
background: rgba(255,0,255,0.5);
border: 1px solid rgba(0,255,255,0.8);
border-radius: 4px;
padding: 2px 4px;
padding: 2px 6px;
white-space: nowrap;
color: #fff;
font-size: 0.7em;
font-size: 0.75em;
font-weight: 600;
text-shadow: 0 0 4px #ff00ff;
z-index: 4;
}
/* Layout combining current time and analog clock */