Skip to content
This repository has been archived by the owner on Jun 5, 2023. It is now read-only.

LaunchButtonFactory

jiajunGit edited this page Jul 24, 2017 · 3 revisions

Description

The LaunchButtonFactory is a UI component factory that constructs the launch button on right side of the page. When the launch button is clicked, the visibility of the sidebar will be toggled via animation.

Preview of the launch button

The one on the left is in its default state while the one on the right is in its hovered state.

Overview of LaunchButtonFactory

  • You can create a launch button element with event handlers attached by calling the create(buttonText) function.
  • The launch button element returned from the create(buttonText) function is set to hidden by setting the css property for display to none.
  • Attach hover listeners to the launch button by calling the attachListenersToLaunchButton() function.
  • Below is the HTML representation of the element that it creates:
<div class="git-flash-labels-sidebar-launch-button launch-container">...</div>