jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-23 09:17:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change timeline "now" position (#36832)

Browse Source 
* Adjust timeline

* Reduce timeline offset slightly
This commit is contained in:
Darren Griffin 2025-01-09 18:07:28 +00:00 committed by GitHub
parent 6492344a48
commit 02332dcb11
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
source/voice-pe/index.html
View File

@ -112,7 +112,7 @@ frontpage_image: /images/frontpage/voice-pe-frontpage.jpg
</div> </div>
<div class="event"> <div class="event">
<div class="event-details"> <div class="event-details">
<div class="when">Now</div> <div class="when">December 2024</div>
<div class="title h4">Voice Preview Edition launches</div> <div class="title h4">Voice Preview Edition launches</div>
</div> </div>
<div class="event-content"> <div class="event-content">

17
source/voice-pe/styles.css
View File

@ -1590,25 +1590,10 @@ section#hero .bg-gradient {
.vpe-main #timeline[data-event="0"] .timeline .track .icon {
--top: calc(var(--grid-m) * -5);
}
.vpe-main #timeline[data-event="1"] .timeline .track .icon {
--top: calc(var(--grid-m) * var(--event-height));
}
.vpe-main #timeline[data-event="2"] .timeline .track .icon { .vpe-main #timeline[data-event="2"] .timeline .track .icon {
--top: calc(var(--grid-m) * (var(--event-height) * 2)); --top: calc(var(--grid-m) * (var(--event-height) * 2.333));
} }
.vpe-main #timeline[data-event="3"] .timeline .track .icon {
--top: calc(var(--grid-m) * (var(--event-height) * 3));
}
.vpe-main #timeline[data-event="4"] .timeline .track .icon {
--top: calc(var(--grid-m) * (var(--event-height) * 4));
}
.vpe-main #timeline[data-event="0"] .event:nth-child(1) .content { .vpe-main #timeline[data-event="0"] .event:nth-child(1) .content {
opacity: 1; opacity: 1;