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