Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

scroll guides menu independently #174

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

benharri
Copy link
Member

this feel kinda janky, let me know if you can think of a better way to do this

closes #39

@benharri benharri requested a review from swantzter September 26, 2021 23:41
@@ -328,6 +330,10 @@ header nav details a {
border-block-end: 1px solid var(--c-border);
padding: 1rem;
}

main {
overflow-y: scroll;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'd prefer auto, scroll will always render the scroll bar even if it's not needed

@@ -2,12 +2,12 @@
<html lang="en">
{%- include head.html with_hero=true -%}

<body>
<body style="overflow-y: scroll;">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

style="" really shouldn't be used, put it in the appropriate <style> tag

@@ -379,6 +385,10 @@ footer div a:not([rel*=license]), footer div .copyright {
}

@media screen and (min-width: 800px) {
footer {
position: sticky;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

using position: sticky without an inset (top/bottom/left/right) feels odd, it's got no place to stick to. what's the desired effect?

@@ -142,6 +143,7 @@ main :is(h2, h3, h4, h5, h6) a:hover::before {

@media screen and (min-width: 800px) {
body {
overflow-y: hidden;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this feels like a bad idea, why hide it?

@@ -76,8 +76,9 @@ main *, .hero * {

body {
background-color: var(--c-bg);
min-height: 100vh;
height: 100vh;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

feels like this will have the effect that the footer will always be on screen? instead of being off screen on long pages?

@benharri benharri force-pushed the aside-scroll-independently branch from 77223bd to 95804f8 Compare September 29, 2021 16:19
@swantzter swantzter added Area: General Related to general pages and site structure Type: Enhancement Improve on already existing code, or elaborate more on the same concept labels Nov 28, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: General Related to general pages and site structure Type: Enhancement Improve on already existing code, or elaborate more on the same concept
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Guides sidebar should scroll independently from the rest of the page
2 participants