question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

What the heck is "pusher"?

See original GitHub issue

I’m opening this issue because I feel the documentation is severely lacking information on this particular class. I’ve combed the documentation, google, the issues here, and forum posts addressing the pusher class but I can’t find information anywhere that describes what it is and what it does.

Could someone describe the class, it’s use and purpose, and could we get that added to the docs?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:11
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

18reactions
shellscapecommented, Mar 16, 2017

@jokeronaldo why was this closed? closing an issue prematurely discourages discussion and participation from new, interested users like myself. And this issue could use further discussion as there’s a clear need for improved documentation in this case.

Based on your reply, the code snippet on that page is erroneous:

<body>
  <div class="ui sidebar">
    ...
  </div>
  <div class="pusher">
    Your site's actual content
  </div>
</body>

“Your site’s actual content” is an error and should read at the very least “The sidebar content”. Given the bad verbiage there, I think it’s pretty clear why that’s confusing to new users. A snippet of text above that code block explaining the pusher class would also go a long way.

Please consider reopening this issue and tagging it with something equivalent to “documentation error”

7reactions
awgvcommented, Mar 16, 2017

Hi @shellscape,

Thank you for posting, but although it’s a valid usage question, we’ve limited GitHub Issues to bug reports and feature requests, keeping the board more manageable for maintainers; see the contributing guidelines for more information on what kind of posts should find themselves into the GitHub Issues board.

“Your site’s actual content” is an error and should read at the very least “The sidebar content”.

The documentation is correct, and I’m not sure how it can be changed to dispel the confusion; it seems to be very clear about the page structure. Let’s take a step back: .pusher is a wrapper for a page’s content, not a siderbar’s content, and without diving into what it does exactly, is a necessary part of the sidebar component’s HTML pattern. All sidebar’s content—menus and whatnot—go inside .ui.sidebar container, and .pusher becomes your <body>, so to speak.

I noticed you were using Vue, if you’re going to use the sidebar component with Vue, you could do something like that:

<body>
  <div class="vue_container">
    <div class="ui sidebar">
      // Sidebar’s content.
    </div>
    <div class="pusher">
      // Actual page’s content.
    </div>
  </div>
</body>
$('.ui.sidebar')
  .sidebar({
    context: '.vue_container',
  })

So basically, .pusher is a parent container that uses transforms, transitions and some other styles to apply all those fancy animations to a page.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Pusher Definition & Meaning - Merriam-Webster
The meaning of PUSHER is one that pushes; especially : one that pushes illegal drugs. How to use pusher in a sentence.
Read more >
what the heck pusher t : r/Hiphopcirclejerk - Reddit
r/Hiphopcirclejerk - I am a very white rap enjoyer.
Read more >
Whats Inside a Coin Pusher? How It Works - YouTube
Whats exactly in a quarter coin pusher ? In this video I open up a coin pusher you see in such videos as...
Read more >
Pusher - Heck America - YouTube
Wanted to try to cover America in a quick overview rather than drag it out over 40 videos.┏(-_-)┛┗(-_- )┓┗(-_-)┛┏(-_-)┓Website: ...
Read more >
Star Trek Coin Pusher Arcade Game at Dave and Busters
What the heck is with that? Anyways, stay tuned to see what kind of cards, tickets and jackpots we win! The main goal...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found