Download as
Browse Code »

Commit a048c955fda4de68a4e73e3fe2a4861e245926b8

Authored by Riyad Preukschas
1 parent a5838524
Exists in master and in 4 other branches 6-8-stable, 7-0-stable, 7-0-stable-spb, spb-stable

Add JS behaviors

Showing 4 changed files with 29 additions and 0 deletions   Show diff stats
app/assets/javascripts/behaviours/details_behavior.coffee 0 → 100644
  Diff comments   View file @a048c95
... ... @@ -0,0 +1,5 @@
  1 +$ ->
  2 + $("body").on "click", ".js-details-target", ->
  3 + container = $(@).closest ".js-details-container"
  4 +
  5 + container.toggleClass "open"
... ...
app/assets/javascripts/behaviours/toggler_behaviour.coffee 0 → 100644
  Diff comments   View file @a048c95
... ... @@ -0,0 +1,5 @@
  1 +$ ->
  2 + $("body").on "click", ".js-toggler-target", ->
  3 + container = $(@).closest ".js-toggler-container"
  4 +
  5 + container.toggleClass "on"
... ...
app/assets/stylesheets/behaviors.scss 0 → 100644
  Diff comments   View file @a048c95
... ... @@ -0,0 +1,14 @@
  1 +// Details
  2 +//--------
  3 +.js-details-container .content { display: none; }
  4 +.js-details-container .content.hide { display: block; }
  5 +.js-details-container.open .content { display: block; }
  6 +.js-details-container.open .content.hide { display: none; }
  7 +
  8 +
  9 +// Toggler
  10 +//--------
  11 +.js-toggler-container .turn-on { display: inline-block; }
  12 +.js-toggler-container .turn-off { display: none; }
  13 +.js-toggler-container.on .turn-on { display: none; }
  14 +.js-toggler-container.on .turn-off { display: inline-block; }
... ...
app/assets/stylesheets/main.scss
  Diff comments   View file @a048c95
... ... @@ -84,6 +84,11 @@ $baseLineHeight: 18px !default;
84 84 @import "common.scss";
85 85  
86 86 /**
  87 + * Styles necessary to support JS behaviours.
  88 + */
  89 +@import "behaviors.scss";
  90 +
  91 +/**
87 92 * Styles related to specific part of app
88 93 */
89 94 @import "sections/commits.scss";
... ...