jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 平板年分標不再套桌面定位

Browse Source
This commit is contained in:
jekkinoopy
2026-05-17 01:07:28 +08:00
parent ebaaf03025
commit 4d260b5d7f
2 changed files with 43 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+35 -26
View File
@@ -1568,35 +1568,38 @@ a {
display: block; display: block;
} }
/* 備註：改用奇偶自動分邊，新增中間節點時不需要手動加 class */ /* 備註：奇偶分邊僅桌面（≥1181px）；平板／手機見 tablet.css、下方 ≤900px */
.merged-storyline .story-node:nth-of-type(odd) { @media (min-width: 1181px) {
margin-right: auto;
margin-top: 30px;
}
.merged-storyline .story-node:nth-of-type(odd)::before { .merged-storyline .story-node:nth-of-type(odd) {
right: -49px; margin-right: auto;
} margin-top: 30px;
}
.merged-storyline .story-node:nth-of-type(odd)::after { .merged-storyline .story-node:nth-of-type(odd)::before {
right: -10px; right: -49px;
top: -20px; }
transform: rotate(30deg);
}
.merged-storyline .story-node:nth-of-type(even) { .merged-storyline .story-node:nth-of-type(odd)::after {
margin-left: auto; right: -10px;
margin-top: 10px; top: -20px;
} transform: rotate(30deg);
}
.merged-storyline .story-node:nth-of-type(even)::before { .merged-storyline .story-node:nth-of-type(even) {
left: -49px; margin-left: auto;
} margin-top: 10px;
}
.merged-storyline .story-node:nth-of-type(even)::after { .merged-storyline .story-node:nth-of-type(even)::before {
left: -10px; left: -49px;
top: -20px; }
transform: rotate(-30deg);
.merged-storyline .story-node:nth-of-type(even)::after {
left: -10px;
top: -20px;
transform: rotate(-30deg);
}
} }
/* 跨時空軌跡：2016 六六歌節點 — 強調電子書 CTA */ /* 跨時空軌跡：2016 六六歌節點 — 強調電子書 CTA */
@@ -1786,10 +1789,16 @@ a {
.merged-storyline .story-node::after, .merged-storyline .story-node::after,
.merged-storyline .story-node:nth-of-type(odd)::after, .merged-storyline .story-node:nth-of-type(odd)::after,
.merged-storyline .story-node:nth-of-type(even)::after { .merged-storyline .story-node:nth-of-type(even)::after {
left: 14px; left: 12px;
right: auto; right: auto;
top: -14px; top: -14px;
transform: rotate(-8deg); transform: rotate(-8deg);
transform-origin: center center;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.2;
padding: 4px 9px;
} }
.merged-storyline .story-node:nth-of-type(odd)::before, .merged-storyline .story-node:nth-of-type(odd)::before,
@@ -1800,7 +1809,7 @@ a {
.merged-storyline .story-node:nth-of-type(odd), .merged-storyline .story-node:nth-of-type(odd),
.merged-storyline .story-node:nth-of-type(even) { .merged-storyline .story-node:nth-of-type(even) {
margin-top: 28px; margin-top: 35px;
} }
} }
assets/css/tablet.css
+8 -2
View File
@@ -136,10 +136,16 @@
.merged-storyline .story-node::after, .merged-storyline .story-node::after,
.merged-storyline .story-node:nth-of-type(odd)::after, .merged-storyline .story-node:nth-of-type(odd)::after,
.merged-storyline .story-node:nth-of-type(even)::after { .merged-storyline .story-node:nth-of-type(even)::after {
left: 14px; left: 12px;
right: auto; right: auto;
top: -14px; top: -14px;
transform: rotate(-8deg); transform: rotate(-8deg);
transform-origin: center center;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1.2;
padding: 4px 9px;
} }
.merged-storyline .story-node:nth-of-type(odd)::before, .merged-storyline .story-node:nth-of-type(odd)::before,
@@ -150,7 +156,7 @@
.merged-storyline .story-node:nth-of-type(odd), .merged-storyline .story-node:nth-of-type(odd),
.merged-storyline .story-node:nth-of-type(even) { .merged-storyline .story-node:nth-of-type(even) {
margin-top: 28px; margin-top: 35px;
} }
/* 紀實長卷／pillar 段落 */ /* 紀實長卷／pillar 段落 */