diff options
| -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"; |