Skip to content

Commit bbeae29

Browse files
committed
Make table more responsiveness on mobile
1 parent 1aac90e commit bbeae29

File tree

3 files changed

+7
-3
lines changed

3 files changed

+7
-3
lines changed

LinkDotNet.Blog.IntegrationTests/Web/Shared/Skills/SkillTreeTests.cs renamed to LinkDotNet.Blog.IntegrationTests/Web/Shared/Skills/SkillTableTests.cs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
namespace LinkDotNet.Blog.IntegrationTests.Web.Shared.Skills
1616
{
17-
public class SkillTreeTests : SqlDatabaseTestBase<Skill>
17+
public class SkillTableTests : SqlDatabaseTestBase<Skill>
1818
{
1919
[Fact]
2020
public async Task ShouldDeleteItem()

LinkDotNet.Blog.Web/Shared/Skills/SkillTable.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<AddSkillDialog @ref="AddSkillDialog" SkillAdded="@AddSkill"></AddSkillDialog>
1111
}
1212
</div>
13-
<div>
13+
<div class="table-container">
1414
<table class="skill-table">
1515
<tbody>
1616
<tr>

LinkDotNet.Blog.Web/Shared/Skills/SkillTable.razor.css

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
.table-container {
2+
overflow-x: auto;
3+
}
4+
15
.skill-table {
26
margin-top: 20px;
37
width: 100%;
@@ -11,12 +15,12 @@
1115
width: 30%;
1216
border-top: 1px var(--header2) solid;
1317
vertical-align: top;
18+
min-width: 100px;
1419
}
1520

1621
.skill-table td div {
1722
display: inline-block;
1823
margin-right: 8px;
1924
margin-top: 12px;
2025
margin-bottom: 12px;
21-
2226
}

0 commit comments

Comments
 (0)