Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Jul 2, 2024. It is now read-only.

Commit b9cadc5

Browse files
GH-202: Add deletion anomalies transitions
1 parent 75370b5 commit b9cadc5

File tree

3 files changed

+53
-15
lines changed

3 files changed

+53
-15
lines changed

‎src/_static/scss/presentation-common.scss‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,8 @@
4242
}
4343

4444
/* transitions */
45-
$transition-default: 2000ms;
45+
$transition: 2000ms;
46+
$transition-delay: 1000ms;
4647

4748
/* colors */
4849
// todo: adjust colors
@@ -55,6 +56,8 @@ $on-primary: white;
5556
$secondary: #212121;
5657
$on-secondary: white;
5758

59+
$lost-data: orange;
60+
5861
body {
5962
background: $background;
6063
}
@@ -184,19 +187,19 @@ $step-width: 1800px;
184187
.present {
185188
.fade-in {
186189
opacity: 1.0;
187-
transition: $transition-default;
190+
transition: $transition;
188191
}
189192
.fly-in {
190193
opacity: 1.0;
191194
transform: translateY(0px);
192-
transition: $transition-default;
195+
transition: $transition;
193196
}
194197
}
195198

196199
.past {
197200
.fade-out {
198201
opacity: 0.0;
199-
transition: $transition-default;
202+
transition: $transition;
200203
}
201204
}
202205

‎src/_static/scss/presentation-normalization.scss‎

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,41 @@
1313
}
1414
}
1515

16+
#deletion-anomalies.future {
17+
td.fade-out {
18+
opacity: 1.0;
19+
}
20+
}
21+
22+
#deletion-anomalies.present {
23+
td.fade-out {
24+
opacity: 0.0;
25+
transition: $transition;
26+
transition-delay: $transition-delay;
27+
}
28+
29+
td.lost-data {
30+
&:nth-child(odd) {
31+
transform: rotate(-7deg);
32+
}
33+
34+
&:nth-child(even) {
35+
transform: rotate(7deg);
36+
}
37+
38+
color: $lost-data;
39+
transition: $transition;
40+
transition-delay: $transition + $transition-delay;
41+
}
42+
}
43+
44+
#deletion-anomalies.past {
45+
td.lost-data {
46+
color: $lost-data;
47+
transform: rotate(7deg);
48+
}
49+
}
50+
1651
#mixed-data-types--1nf,
1752
#no-mixed-data-types--1nf {
1853
table {
@@ -66,7 +101,7 @@
66101
.fly-in {
67102
transform: translateY(0px);
68103
opacity: 1.0;
69-
transition: $transition-default;
104+
transition: $transition;
70105
transition-delay: 1000ms;
71106
}
72107
}

‎src/pres/normalization/index.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -162,25 +162,25 @@ <h2>Update anomalies</h2>
162162
<tbody>
163163
<tr>
164164
<td>prombery87</td>
165-
<td>7.75</td>
165+
<tdclass="text-center">7.75</td>
166166
<td>Advanced</td>
167167
<td>1&nbsp;sword, 4&nbsp;rings</td>
168168
</tr>
169169
<tr>
170170
<td>acen1999</td>
171-
<td class="invalid-data">1</td>
171+
<td class="text-center invalid-data">1</td>
172172
<td>Beginner</td>
173173
<td class="invalid-data">1&nbsp;wizard&nbsp;hat</td>
174174
</tr>
175175
<tr>
176176
<td>wheed1997</td>
177-
<td class="invalid-data">Greater than 7</td>
177+
<td class="text-center invalid-data">Greater than 7</td>
178178
<td class="invalid-data">Intermediate</td>
179179
<td>18&nbsp;copper&nbsp;coins</td>
180180
</tr>
181181
<tr>
182182
<td>acen1999</td>
183-
<td class="invalid-data">2</td>
183+
<td class="text-center invalid-data">2</td>
184184
<td>Beginner</td>
185185
<td class="invalid-data">1&nbsp;wizard hat, 1&nbsp;robe</td>
186186
</tr>
@@ -221,21 +221,21 @@ <h2>Deletion anomalies</h2>
221221
<tbody>
222222
<tr>
223223
<td>prombery87</td>
224-
<td>7.75</td>
224+
<tdclass="text-center">7.75</td>
225225
<td>Advanced</td>
226226
<td>1 sword, 4 rings</td>
227227
</tr>
228228
<tr>
229-
<td class="rotating lost-data">wheed1997</td>
230-
<td class="rotating lost-data">Almost 7</td>
231-
<td class="rotating lost-data">Intermediate</td>
229+
<td class="lost-data">wheed1997</td>
230+
<td class="text-center lost-data">Almost 7</td>
231+
<td class="lost-data">Intermediate</td>
232232
<td class="fade-out">18 copper coins</td>
233233
</tr>
234234
<tr>
235235
<td>acen1999</td>
236-
<td>1</td>
236+
<tdclass="text-center">1</td>
237237
<td>Beginner</td>
238-
<tdclass="invalid"></td>
238+
<td>1&nbsp;wizard&nbsp;hat, 1&nbsp;robe</td>
239239
</tr>
240240
</tbody>
241241
</table>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /