diff --git a/src/js/views/gitDemonstrationView.js b/src/js/views/gitDemonstrationView.js index 84332e3f..d7198ad3 100644 --- a/src/js/views/gitDemonstrationView.js +++ b/src/js/views/gitDemonstrationView.js @@ -21,7 +21,7 @@ var GitDemonstrationView = ContainedBase.extend({ events: { 'click div.command > p.uiButton:not([target="reset"])': 'positive', - 'click div.command > p.uiButton[target="reset"]': 'onResetButtonClick', + 'click div.command > p[target="reset"]': 'onResetButtonClick', }, initialize: function(options) { diff --git a/src/style/main.css b/src/style/main.css index 1b85ec08..c2602fc9 100644 --- a/src/style/main.css +++ b/src/style/main.css @@ -1146,8 +1146,26 @@ div.gitDemonstrationView { opacity: 0; } -.gitDemonstrationView p.uiButton[target="reset"] { +.gitDemonstrationView p[target="reset"] { display: none; + opacity: 0.0; +} + +.gitDemonstrationView p.uiButton { + margin: 0.5em 0; +} + +.gitDemonstrationView.demonstrated p[target="reset"] { + display: block; + margin: 0.5em 0; + opacity: 0.3; + font-size: 8pt; + text-decoration: underline; + cursor: pointer; +} + +.gitDemonstrationView div.afterText p { + margin-top: 0.1em; } .gitDemonstrationView.demonstrated div.afterText { @@ -1159,12 +1177,10 @@ div.gitDemonstrationView { } .gitDemonstrationView.demonstrated p.uiButton { - display: none; -} - -.gitDemonstrationView.demonstrated p.uiButton[target="reset"] { - display: block; - opacity: 0.5; + opacity: 0.6; + margin-bottom: 0.1em; + cursor: auto; + pointer-events: none; } /* LeftRightView */ diff --git a/src/template.index.html b/src/template.index.html index b953ab6e..b0517558 100644 --- a/src/template.index.html +++ b/src/template.index.html @@ -154,8 +154,8 @@ --> <%= command.replace(' --aboveAll', '') %>

-

- (Reset Animation) +

+ Reset Animation