Skip to content

Commit 61527ac

Browse files
EliasMascheEliasMasche
committed
fix: added missing id and class that caused tests to fail
1 parent 4ee70f7 commit 61527ac

5 files changed

Lines changed: 68 additions & 46 deletions

File tree

‎src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Skill/SkillTag.razor‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
@using LinkDotNet.Blog.Domain
2-
<span class="d-inline-flex align-items-center rounded px-2 py-1 me-2 my-2"
3-
style="background-color: var(--tag-background); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
2+
<span class="skill-tag">
43
@if (!string.IsNullOrEmpty(Skill.IconUrl))
54
{
65
<img src="@Skill.IconUrl" alt="icon" max-width="48px"/>

‎src/LinkDotNet.Blog.Web/Features/AboutMe/Components/Talk/TalkEntry.razor‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,18 @@
22

33
<li class="pb-1">
44
<div class="row">
5-
<div class="col-10">
5+
<div class="col-10" id="talk-display-content">
66
<p class="text-body-secondary mb-0 small">@Talk.PublishedDate.ToShortDateString()</p>
77
<strong class="fs-5">@Talk.PresentationTitle</strong>
8-
<p class="text-body-secondary">@Talk.Place</p>
9-
<div>
8+
<p id="talk-place" class="text-body-secondary">@Talk.Place</p>
9+
<div id="talk-description">
1010
@MarkdownConverter.ToMarkupString(Talk.Description)
1111
</div>
1212
</div>
1313
<div class="col-2">
1414
@if (ShowAdminActions)
1515
{
16-
<button type="button" class="btn btn-outline-secondary" aria-label="Delete Talk" @onclick="() => TalkDeleted.InvokeAsync()">
16+
<button id="talk-delete" type="button" class="btn btn-outline-secondary" aria-label="Delete Talk" @onclick="() => TalkDeleted.InvokeAsync()">
1717
<i class="bin2" aria-hidden="true"></i>
1818
</button>
1919
}

‎src/LinkDotNet.Blog.Web/Features/Components/ShortBlogPost.razor‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@
1414
<ul class="details">
1515
@if (BlogPost.IsScheduled)
1616
{
17-
<li class="bg-success text-white px-2 py-1 rounded">Scheduled</li>
17+
<li class="schedule">Scheduled</li>
1818
}
1919
else if (!BlogPost.IsPublished)
2020
{
21-
<li class="text-white px-2 py-1 rounded" style="background-color: #ff8700;">Draft</li>
21+
<li class="draft">Draft</li>
2222
}
2323
<li class="date me-4"><span>@BlogPost.UpdatedDate.ToShortDateString()</span></li>
2424
@if (BlogPost.Tags.Any())

‎src/LinkDotNet.Blog.Web/Features/Home/Components/NavMenu.razor‎

Lines changed: 22 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -8,72 +8,56 @@
88
<div class="container-fluid">
99
@if (!string.IsNullOrEmpty(Configuration.Value.BlogBrandUrl))
1010
{
11-
<a class="navbar-brand ms-5 d-flex align-items-center" href="/">
12-
<img class="img-fluid rounded-circle" style="max-height: 70px;"
11+
<a class="nav-brand ms-5" href="/">
12+
<img style="max-height: 70px; width: 70px; height: 70px;"
1313
src="@Configuration.Value.BlogBrandUrl.ToAbsoluteUrl(NavigationManager.BaseUri)"
14-
alt="brand" height="70" width="70" />
14+
alt="brand" />
1515
</a>
1616
}
1717
else
1818
{
19-
<a class="navbar-brand ms-5 fs-2 fw-normal text-decoration-none" href="/">
20-
@Configuration.Value.BlogName
21-
</a>
19+
<a class="nav-brand barcode ms-5" href="/">@Configuration.Value.BlogName</a>
2220
}
23-
24-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
25-
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
21+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
2622
<span class="navbar-toggler-icon"></span>
2723
</button>
28-
2924
<div class="collapse navbar-collapse" id="navbarSupportedContent">
30-
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-5 gap-3">
31-
<li class="nav-item">
32-
<a class="nav-link" href="/"><i class="home"></i> Home</a>
33-
</li>
34-
<li class="nav-item">
35-
<a class="nav-link" href="/archive"><i class="books"></i> Archive</a>
36-
</li>
37-
<li class="nav-item">
38-
<a class="nav-link" href="/bookmarks"><i class="bookmark"></i> Bookmarks</a>
39-
</li>
40-
41-
@if (Configuration.Value.IsAboutMeEnabled)
25+
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-5">
26+
<li><a class="nav-link" href="/"><i class="home"></i> Home</a></li>
27+
<li><a class="nav-link" href="/archive"><i class="books"></i> Archive</a></li>
28+
<li><a class="nav-link" href="/bookmarks"><i class="bookmark"></i> Bookmarks</a>
29+
</li>
30+
@if (Configuration.Value.IsAboutMeEnabled)
4231
{
4332
<li class="nav-item">
44-
<a class="nav-link" href="/AboutMe"><i class="profile"></i> About me</a>
33+
<a class="nav-link" href="AboutMe">
34+
<i class="profile"></i> About me
35+
</a>
4536
</li>
4637
}
4738

4839
@if (SupportConfiguration.Value.ShowSupportMePage)
4940
{
5041
<li class="nav-item">
51-
<a class="nav-link" href="/SupportMe"><i class="coin-dollar"></i> Support me</a>
42+
<a class="nav-link" href="SupportMe">
43+
<i class="coin-dollar"></i> Support me
44+
</a>
5245
</li>
5346
}
5447

5548
<li class="nav-item dropdown">
56-
<a class="nav-link dropdown-toggle" href="#" id="rssDropdown" role="button"
57-
data-bs-toggle="dropdown" aria-expanded="false" aria-label="RSS Selector">
49+
<a class="nav-link dropdown-toggle" href="#" id="rssDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="RSS Selector">
5850
<i class="rss2"></i> RSS
5951
</a>
6052
<ul class="dropdown-menu" aria-labelledby="rssDropdown">
61-
<li>
62-
<a class="dropdown-item" href="/feed.rss" aria-label="RSS with All Posts">All Posts (Summary)</a>
63-
</li>
64-
<li>
65-
<a class="dropdown-item" href="/feed.rss?withContent=true" aria-label="RSS with Full Content">Most Recent Posts (Full Content)</a>
66-
</li>
53+
<li><a class="dropdown-item" href="/feed.rss" aria-label="RSS with All Posts">All Posts (Summary)</a></li>
54+
<li><a class="dropdown-item" href="/feed.rss?withContent=true" aria-label="RSS with Full Content">Most Recent Posts (Full Content)</a></li>
6755
</ul>
6856
</li>
6957

7058
<AccessControl CurrentUri="@currentUri"></AccessControl>
71-
72-
<li class="nav-item d-flex align-items-center">
73-
<ThemeToggler Class="nav-link"></ThemeToggler>
74-
</li>
75-
76-
<li class="nav-item d-flex align-items-center">
59+
<li class="nav-item d-flex align-items-center"><ThemeToggler Class="nav-link"></ThemeToggler></li>
60+
<li class="d-flex">
7761
<SearchInput SearchEntered="NavigateToSearchPage"></SearchInput>
7862
</li>
7963
</ul>

‎src/LinkDotNet.Blog.Web/wwwroot/css/basic.css‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -173,6 +173,36 @@ code {
173173
top: 0.5rem;
174174
}
175175

176+
/*region Skilltag.razor */
177+
.skill-tag {
178+
padding: 8px;
179+
border-radius: 5px;
180+
background-color: var(--tag-background);
181+
display: inline-block;
182+
white-space: nowrap;
183+
overflow: hidden;
184+
text-overflow: ellipsis;
185+
}
186+
187+
.skill-tag img {
188+
padding-right: 12px;
189+
width: 36px;
190+
}
191+
/*endregion */
192+
193+
/*region NavMenu.razor */
194+
.barcode {
195+
text-decoration: none;
196+
font-weight: 400;
197+
font-size: 2.5rem;
198+
}
199+
200+
::deep .navbar-nav li {
201+
padding-left: 1rem;
202+
white-space: nowrap;
203+
}
204+
/*endregion */
205+
176206
/*region Profile.razor */
177207
.profile-keypoints {
178208
background-color: var(--tag-background);
@@ -407,6 +437,15 @@ code {
407437
padding-left: 25px;
408438
}
409439
}
440+
441+
.schedule {
442+
background-color: #28a745;
443+
}
444+
445+
.draft {
446+
background-color: #ff8700;
447+
}
448+
410449
/*#endregion */
411450

412451
/*region SearchBar */

0 commit comments

Comments
 (0)