potch / hax Goto Github PK

Active "alpha users" are missing the "share via twitter" button -- can we bring it back?

As mentioned in #14 and https://hacks.mozilla.org/2015/10/something-looks-different-around-here/comment-page-1/#comment-18980

Admins are able to reply to comments, but not normal users.

Check out https://hacks.mozilla.org/comment-subscriptions/

This is accessed through the link at the bottom of each post by the checkbox that says: "Notify me of followup comments via e-mail. You can also subscribe without commenting."

Hey Potch! Can we add share buttons to the posts?

Kudos on the new design!

STR:

Load https://hacks.mozilla.org/ with the Network panel open

Actual Results:

There's a GET for https://2r4s9p1yi1fa2jd7j43zph8r-wpengine.netdna-ssl.com/wp-content/plugins/wp-code-highlightjs/highlight.custom.pack.js?ver=0.5.2 which 404s (see screenshot)

Since the re-design, the new Mozilla Hacks website does not seem to have a favicon when a user opens a Mozilla Hacks article in a browser. The tab just shows the title of the webpage but there is no favicon preceding it.

Previously there was a star-shaped Mozilla Hacks icon

Here's the difference with some opened tabs of the Old and New Mozilla Hacks articles in latest Firefox:

Mozilla Hacks website favicon missing in Firefox History Menu:

Mozilla Hacks website favicon missing in Firefox Library (CTRL + SHIFT + H):

The website would look more awesome if a new favicon is added. Hope it will be added soon.

Really just a minor tweak: the social media buttons in the header (YouTube, Twitter, RSS) are not properly placed in... (please don't hit me) Google Chrome. Works just fine in Firefox. 😊

Screenshot from https://hacks.mozilla.org/2016/04/you-might-not-need-a-css-framework/#comment-19783, Brandon Zell should not be tagged as author in the third comment.

The #cmt-ackbar label overlaps the #cmt-cmt label on narrow screens, as seen in the below screenshot:

This appears to be fixed by making the "left" rule on #cmt-ackbar -1000vw instead of -100vw:

https://github.com/potch/hax/blob/master/Hax/css/screen.css#L616

#cmt-ackbar {
  position: absolute;
  left: -999em;
  left: -1000vw;
}

Might take a snippet of JS or a plugin.

There's a new mozillaweb org for website repos. Should this repo move there to improve its discoverability?

This code tag renders nicely with a grey background and reduced font size:

<p><code>foo()</code></p>

These code tags don't look good:

<ol>
    <li><code>foo()</code></li>
    <li><code>bar()</code></li>
</ol>

Maybe change the p code CSS rule to p code, li code? And maybe include definition lists, too?

The old version had avatars, it was a great way to identify comment authors and to visually differentiate comments.

On the new version, the only way to see the separation between comments is the bold author name. I really like the new design but I find it difficult to see the separation between comments. Some indentation and maybe some spaces or colors could help.

Here's an example :

WDYT?

As seen on Bugzilla[0]...

In bug 1194731 the MDN team worked with the legal team to establish an enterprise account with Akismet. This account entitles us to enterprise service and includes some additional safeguards for users whose information might be sent to Akismet for spam checking. We should use that account instead of any other.

Account information is here: https://intranet.mozilla.org/Engagement/MDN#Tools

[0] https://bugzilla.mozilla.org/show_bug.cgi?id=1232425

Removing that css rule (min-width:640px) now the width is the same of the container:

.post p, .post ul, .post ol, .discussion, .promo { {
    max-width: 65ch;
}

and in that way is showed

I am thinking to do a userstyle for stylish until the fix is not available

https://hacks.mozilla.org/2015/07/es6-in-depth-let-and-const/ has an empty code block before every example code. This is now visible.

This doesn't show up on all narrow screens, but it does show up on Firefox for Android. See screenshot.

MPL 2.0? MIT?

You get the author mug when you watch the home index or the search results but not on the article page. E.g. http://testmozilla.wpengine.com/hacks/2015/03/using-the-firefox-devtools-to-debug-fetch-on-github/

need to progress to lower-alpha, etc.

There should be a visual indication so it is easier to see where the article ends.

Seems to link to just #

So far I only managed to figure out Co-Authors Plus which removed some of the PHP errors.
Still, this is what I see as I start setting up the theme to hack on.

Might look better with just white on the grey/black background.

I assume this will be changed when moved over?

Need better way than search to navigate to older articles

Steps to reproduce:

1. Have an iPad
2. Go to Mozilla Hacks Blog
3. Tap on the "Hacks" link with the moving "K" at the top
4. Watch as the "K" is animated but the link isn't activated
5. Tap on the link again to make the link go anywhere

We show gravatars, but not the authors' names, one https://hacks.mozilla.org/

It seems like we should show names, so people can figure out who's behind the gravatar.

Hi,

The article.post tags have a max-width: 65ch.

Unline Wikipedia , I really like the idea of having a reasonably narrow article to read. The only problem here is that the article does not fill the whole width of its container : main#content-main and it creates an empty space on the right side.

It's no big deal but, it feels a little weird to me.

Here's the main content :

And here's the article :

I tried on latest FF and Chrome.

WDYT?

Just that. Any use of the visual editor (mostly for fast & easy image edits) borks the code blocks that are done in markdown. Thanks!

I'm not seeing any syntax highlighting in pre blocks on posts unless I manually add class="language-foo" to the code tag.