4,554
edits
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 399: | Line 399: | ||
/* Style the article window */ | /* Style the article window */ | ||
#show-article-outer-wrapper { | |||
display: none; /* Initially hidden, shown when needed */ | |||
position: fixed; /* Fixed to viewport */ | |||
top: 0; | |||
right: 0; | |||
width: 40%; /* Or desired width */ | |||
height: 100vh; /* Full viewport height */ | |||
overflow-y: auto; /* Enable vertical scrolling */ | |||
scrollbar-width: none; /* For Firefox */ | |||
-ms-overflow-style: none; /* For Internet Explorer 10+ */ | |||
z-index: 2; /* High enough to overlay content */ | |||
} | |||
#show-article-outer-wrapper::-webkit-scrollbar { | |||
display: none; /* Hide scrollbar for Webkit browsers */ | |||
} | |||
#show-article-wrapper { | #show-article-wrapper { | ||
display: none; | display: none; | ||
Line 420: | Line 435: | ||
padding: 0px 10px 0 10px; | padding: 0px 10px 0 10px; | ||
position: relative; | position: relative; | ||
margin-left: 35px; | margin-left: 35px; | ||
top: 0; | |||
right: 0; | |||
overflow: visible; /* Keep for the pseudo-element effect */ | |||
} | } | ||
#show-article:before { | #show-article:before { |