diff options
| author | Riyad Preukschas <riyad@informatik.uni-bremen.de> | 2012-10-29 18:24:25 +0100 |
|---|---|---|
| committer | Riyad Preukschas <riyad@informatik.uni-bremen.de> | 2012-12-03 22:51:55 +0100 |
| commit | a048c955fda4de68a4e73e3fe2a4861e245926b8 (patch) | |
| tree | 7acd4a49003ea53243c41081f5b6627165118ef8 | |
| parent | a58385247d06b238296e35c17c9e3f58b3234094 (diff) | |
| download | gitlab-ce-a048c955fda4de68a4e73e3fe2a4861e245926b8.tar.gz | |
Add JS behaviors
| -rw-r--r-- | app/assets/javascripts/behaviours/details_behavior.coffee | 5 | ||||
| -rw-r--r-- | app/assets/javascripts/behaviours/toggler_behaviour.coffee | 5 | ||||
| -rw-r--r-- | app/assets/stylesheets/behaviors.scss | 14 | ||||
| -rw-r--r-- | app/assets/stylesheets/main.scss | 5 |
4 files changed, 29 insertions, 0 deletions
diff --git a/app/assets/javascripts/behaviours/details_behavior.coffee b/app/assets/javascripts/behaviours/details_behavior.coffee new file mode 100644 index 00000000000..f75284d9cf6 --- /dev/null +++ b/app/assets/javascripts/behaviours/details_behavior.coffee @@ -0,0 +1,5 @@ +$ -> + $("body").on "click", ".js-details-target", -> + container = $(@).closest ".js-details-container" + + container.toggleClass "open" diff --git a/app/assets/javascripts/behaviours/toggler_behaviour.coffee b/app/assets/javascripts/behaviours/toggler_behaviour.coffee new file mode 100644 index 00000000000..76f200d4667 --- /dev/null +++ b/app/assets/javascripts/behaviours/toggler_behaviour.coffee @@ -0,0 +1,5 @@ +$ -> + $("body").on "click", ".js-toggler-target", -> + container = $(@).closest ".js-toggler-container" + + container.toggleClass "on" diff --git a/app/assets/stylesheets/behaviors.scss b/app/assets/stylesheets/behaviors.scss new file mode 100644 index 00000000000..20854e7ee22 --- /dev/null +++ b/app/assets/stylesheets/behaviors.scss @@ -0,0 +1,14 @@ +// Details +//-------- +.js-details-container .content { display: none; } +.js-details-container .content.hide { display: block; } +.js-details-container.open .content { display: block; } +.js-details-container.open .content.hide { display: none; } + + +// Toggler +//-------- +.js-toggler-container .turn-on { display: inline-block; } +.js-toggler-container .turn-off { display: none; } +.js-toggler-container.on .turn-on { display: none; } +.js-toggler-container.on .turn-off { display: inline-block; } diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index bc7a74406ef..98d755219d9 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -84,6 +84,11 @@ $baseLineHeight: 18px !default; @import "common.scss"; /** + * Styles necessary to support JS behaviours. + */ +@import "behaviors.scss"; + +/** * Styles related to specific part of app */ @import "sections/commits.scss"; |