mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-07-16 09:34:28 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

#1149 keep command visible and have small link to reset animation

Browse source
This commit is contained in:
Peter Cottle 2024-05-27 21:50:23 -04:00
parent 05464d167e
commit ad95c98ef2
3 changed files with 26 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/js/views/gitDemonstrationView.js
View file

@ -21,7 +21,7 @@ var GitDemonstrationView = ContainedBase.extend({
events: { events: {
'click div.command > p.uiButton:not([target="reset"])': 'positive', '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) { initialize: function(options) {

30
src/style/main.css
View file

@ -1146,8 +1146,26 @@ div.gitDemonstrationView {
opacity: 0; opacity: 0;
} }
.gitDemonstrationView p.uiButton[target="reset"] { .gitDemonstrationView p[target="reset"] {
display: none; 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 { .gitDemonstrationView.demonstrated div.afterText {
@ -1159,12 +1177,10 @@ div.gitDemonstrationView {
} }
.gitDemonstrationView.demonstrated p.uiButton { .gitDemonstrationView.demonstrated p.uiButton {
display: none; opacity: 0.6;
} margin-bottom: 0.1em;
cursor: auto;
.gitDemonstrationView.demonstrated p.uiButton[target="reset"] { pointer-events: none;
display: block;
opacity: 0.5;
} }
/* LeftRightView */ /* LeftRightView */

4
src/template.index.html
View file

@ -154,8 +154,8 @@
--> -->
<%= command.replace(' --aboveAll', '') %> <%= command.replace(' --aboveAll', '') %>
</p> </p>
<p class="uiButton uiButtonPink transitionOpacity" target="reset"> <p class="transitionOpacity" target="reset">
(Reset Animation) Reset Animation
</p> </p>
</div> </div>