17 document-vote Document Vote

Open in new window

This form is used on document pages. It is designed to sit in the sidebar or at the bottom of the content area, and uses position:sticky at some screen sizes to follow the user as they scroll.

Examples
Default styling

Document Vote Text

Markup: ../../../../../styleguide/styleguide-examples/vote-component.njk 
<div class="document-vote elevation-01 text-center">
  <form class="document-vote--form helpful" action="#" method="post">
      <h4 class="document-vote--heading">Document Vote Text</h4>
      <div class="document-vote--buttons">
        <input type="hidden" name="revision_id" value="" />
        <input type="hidden" name="source" value="" />
        <button type="submit" class="btn helpful-button" name="helpful"><span class="hidden-text">Yes</span>👍</button>
        <button type="submit" class="btn not-helpful-button" name="not-helpful"><span class="hidden-text">No</span>👎</button>
      </div>
  </form>
</div>
Source: ../kitsune/sumo/static/sumo/scss/layout/_document.scss, line 42