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

Firefox ignores the space after the asterisk in the ul li::marker rule #5

Closed
joeroe opened this issue Jul 28, 2021 · 2 comments
Closed

Comments

@joeroe
Copy link
Owner

joeroe commented Jul 28, 2021

The issue appears to be with how Firefox handles UL/LI indentation compared to Chrome.

Originally posted by @mntn-xyz in #3 (comment)

@mntn-xyz
Copy link
Contributor

mntn-xyz commented Jul 28, 2021

I think this will fix it, but I haven't tested it yet.

/* Replace existing rule (strip space after asterisk) */
ul li::marker {
    content: '∗';
    color: var(--bright-bg);
}

/* Specify use of margin */
.page__body ul, .page__aside ul {
    margin-left: 0.75rem;
    padding-left: 0;
}

I noticed that this was fixed on sslarch.github.io, but without the .page_body and .page_aside selectors. This adds a space after the ./ in the header menu.

Another way to go about this would be to apply the margin and padding to the whole page, then undo it just for the header menu. Might be a better approach.

@mntn-xyz
Copy link
Contributor

mntn-xyz commented Aug 9, 2021

Fixed - confirmed

@joeroe joeroe closed this as completed Sep 30, 2022
joeroe pushed a commit that referenced this issue Feb 12, 2024
adjusted css for sidebar scroll behaviour
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants