dotnet/intro-to-dotnet-web-dev
1
0
Fork 0
mirror of https://github.com/dotnet/intro-to-dotnet-web-dev.git synced 2025-12-06 05:32:03 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #18 from EducatedStrikeCart/Fix_LastColumnUnableToFill

Browse source 
Fix a bug preventing last column of Connect Four from being filled
This commit is contained in:
Katie Savage 2023-02-03 13:30:04 -08:00 committed by GitHub
parent ce6dbe9c12 bb8accb612
commit 7549d7bdd9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
5-blazor/1-complete/ConnectFour/Shared/Board.razor
View file

@ -12,13 +12,13 @@
</HeadContent> </HeadContent>
<nav> <nav>
<span title="Click to play a piece" @onclick="() => PlayPiece(0)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(7)">🔽</span>
</nav> </nav>
<article> <article>

14
5-blazor/1-complete/ConnectFour/Shared/Board.razor.css
View file

@ -83,31 +83,31 @@ span.container {
box-shadow: 0 0 0 4px var(--player2); box-shadow: 0 0 0 4px var(--player2);
} }
.col1 { .col0 {
left: calc(0em + 9px); left: calc(0em + 9px);
} }
.col2 { .col1 {
left: calc(4em + 9px); left: calc(4em + 9px);
} }
.col3 { .col2 {
left: calc(8em + 9px); left: calc(8em + 9px);
} }
.col4 { .col3 {
left: calc(12em + 9px); left: calc(12em + 9px);
} }
.col5 { .col4 {
left: calc(16em + 9px); left: calc(16em + 9px);
} }
.col6 { .col5 {
left: calc(20em + 9px); left: calc(20em + 9px);
} }
.col7 { .col6 {
left: calc(24em + 9px); left: calc(24em + 9px);
} }

2
5-blazor/README.md
View file

@ -289,13 +289,13 @@ The [GameState.cs file is in this repository](1-complete/ConnectFour/Shared/Game
```csharp ```csharp
<nav> <nav>
<span title="Click to play a piece" @onclick="() => PlayPiece(0)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(7)">🔽</span>
</nav> </nav>
``` ```