4,554
edits
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
Line 107: | Line 107: | ||
#show-article-wrapper { | #show-article-wrapper { | ||
display: none; | display: none; | ||
position: fixed; | position: relative; | ||
width: 40%; | |||
max-height: 80vh; /* Set a maximum height (adjust as needed) */ | |||
overflow-y: auto; /* Enable vertical scrolling when content overflows */ | |||
} | |||
#show-article { | |||
position: fixed; | |||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
margin-right: 2%; | |||
margin-top: 2%; | |||
width: inherit; | |||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
z-index: 2 | z-index: 2; /* Ensure it's above #article-frame */ | ||
} | } | ||
Line 130: | Line 133: | ||
border: 1px solid black; | border: 1px solid black; | ||
transform: rotate(-2.5deg); | transform: rotate(-2.5deg); | ||
z-index: 1; | z-index: 1; /* Ensure #article-frame is above other content in #show-article */ | ||
} | } | ||
Line 137: | Line 140: | ||
top: 0; | top: 0; | ||
right: 0; | right: 0; | ||
margin-right: 2%; | |||
margin-top: 2%; | |||
width: inherit; | width: inherit; | ||
max-height: 80vh; /* Set a maximum height (adjust as needed) */ | |||
overflow-y: auto; /* Enable vertical scrolling when content overflows */ | |||
background-color: white; | background-color: white; | ||
border: 1px solid; | border: 1px solid; | ||
padding: 10px; | padding: 10px; | ||
z-index: | z-index: 1; /* Ensure it's above other content in #show-article */ | ||
} | } | ||