12,812
edits
MediaWiki:Common.css: Difference between revisions
From Melvor Idle
Sticky headers: Use a workaround to re-introduce top/bottom borders when scrolling
(Dark mode: Fix external link visited & hover style) |
(Sticky headers: Use a workaround to re-introduce top/bottom borders when scrolling) |
||
| Line 3: | Line 3: | ||
position:-webkit-sticky; | position:-webkit-sticky; | ||
position:sticky; | position:sticky; | ||
background-clip: padding-box | background-clip: padding-box; | ||
} | |||
/* Workaround for missing borders when headers are sticky */ | |||
.stickyHeader th:after, | |||
.stickyHeader th:before { | |||
content: ''; | |||
position: absolute; | |||
left: 0; | |||
width: 100%; | |||
} | |||
.stickyHeader th:before { | |||
top: -1px; | |||
border-top: 1px solid #c8ccd1; | |||
} | |||
.stickyHeader th:after { | |||
bottom: -1px; | |||
border-bottom: 1px solid #c8ccd1; | |||
} | } | ||
| Line 524: | Line 541: | ||
.tabber__header { | .tabber__header { | ||
box-shadow:inset 0 -1px 0 0 #eee; | box-shadow:inset 0 -1px 0 0 #eee; | ||
} | |||
/* Workaround for missing borders when headers are sticky */ | |||
.stickyHeader th:before { | |||
top: -1px; | |||
border-top: 1px solid #626c7b; | |||
} | |||
.stickyHeader th:after { | |||
bottom: -1px; | |||
border-bottom: 1px solid #626c7b; | |||
} | } | ||
