IMPR: Minor classes updates

This commit is contained in:
Tony Air 2021-01-14 23:56:34 +07:00
parent 54d44268bd
commit 49cebd4050
12 changed files with 35 additions and 22 deletions

View File

@ -1,4 +1,4 @@
<div class="blog-post-info"> <div class="blog-post__info blog-post-info">
<div class="row"> <div class="row">
<%-- div class="published-date"> <%-- div class="published-date">
<div class="day">$PublishDate.Format("d")</div> <div class="day">$PublishDate.Format("d")</div>
@ -6,22 +6,22 @@
</div --%> </div --%>
<div class="col-sm-5"> <div class="col-sm-5">
<% if $FeaturedImage %> <% if $FeaturedImage %>
<div class="img card-img-top"> <div class="blog-post__img img card-img-top">
$FeaturedImage.FocusFill(350,200) $FeaturedImage.FocusFill(350,200)
</div> </div>
<% end_if %> <% end_if %>
</div> </div>
<div class="col-sm-7 blog-body"> <div class="col-sm-7 blog-post__body blog-body">
<h2 class="card-title title h3"> <h2 class="blog-post__title card-title title h3">
$Title $Title
</h2> </h2>
<div class="card-text typography summary"> <div class="blog-post__summary card-text typography summary">
$Summary $Summary
</div> </div>
<a href="{$Link}" class="btn btn-link stretched-link"> <a href="{$Link}" class="blog-post__btn btn btn-link stretched-link">
<span class="sr-only"><%t SilverStripe\\Blog\\Model\\Blog.READMORE "Read More" %> &raquo;</span> <span class="sr-only"><%t SilverStripe\\Blog\\Model\\Blog.READMORE "Read More" %> &raquo;</span>
</a> </a>

View File

@ -1,6 +1,6 @@
<div class="blog-post-meta text-muted"> <div class="blog-post__meta blog-post-meta text-muted">
<% if $Categories.exists %> <% if $Categories.exists %>
<div class="categories"> <div class="blog-post__categories categories">
<%t SilverStripe\\Blog\\Model\\Blog.PostedIn "Posted in" %> <%t SilverStripe\\Blog\\Model\\Blog.PostedIn "Posted in" %>
<% loop $Categories %> <% loop $Categories %>
<a href="$Link" title="$Title" class="category">$Title</a><% if not Last %>, <% else %>;<% end_if %> <a href="$Link" title="$Title" class="category">$Title</a><% if not Last %>, <% else %>;<% end_if %>
@ -9,7 +9,7 @@
<% end_if %> <% end_if %>
<% if $Tags.exists %> <% if $Tags.exists %>
<div class="tags"> <div class="blog-post__tags tags">
<%t SilverStripe\\Blog\\Model\\Blog.Tagged "Tagged" %> <%t SilverStripe\\Blog\\Model\\Blog.Tagged "Tagged" %>
<% loop $Tags %> <% loop $Tags %>
<a href="$Link" title="$Title" class="tag">$Title</a><% if not Last %>, <% else %>;<% end_if %> <a href="$Link" title="$Title" class="tag">$Title</a><% if not Last %>, <% else %>;<% end_if %>
@ -17,36 +17,36 @@
</div> </div>
<% end_if %> <% end_if %>
<div class="posted-ago"> <div class="blog-post__ago posted-ago">
<%t SilverStripe\\Blog\\Model\\Blog.Posted "Posted" %> <%t SilverStripe\\Blog\\Model\\Blog.Posted "Posted" %>
<a href="$MonthlyArchiveLink">$PublishDate.ago</a> <a href="$MonthlyArchiveLink">$PublishDate.ago</a>
</div> </div>
<% if $Credits %> <% if $Credits %>
<div class="credits"> <div class="blog-post__credits credits">
<%t SilverStripe\\Blog\\Model\\Blog.By "by" %> <%t SilverStripe\\Blog\\Model\\Blog.By "by" %>
<% loop $Credits %> <% loop $Credits %>
<% if not $First && not $Last %>, <% end_if %> <% if not $First && not $Last %>, <% end_if %>
<% if not $First && $Last %> <%t SilverStripe\\Blog\\Model\\Blog.AND "and" %> <% end_if %> <% if not $First && $Last %> <%t SilverStripe\\Blog\\Model\\Blog.AND "and" %> <% end_if %>
<% if $URLSegment && not $Up.ProfilesDisabled %> <% if $URLSegment && not $Up.ProfilesDisabled %>
<a href="$URL" class="credit">$Name.XML</a> <a href="$URL" class="blog-post__credit credit">$Name.XML</a>
<% else %> <% else %>
<span class="credit">$Name.XML</span> <span class="blog-post__credit credit">$Name.XML</span>
<% end_if %> <% end_if %>
<% end_loop %> <% end_loop %>
</div> </div>
<% end_if %> <% end_if %>
<% if $Comments.exists %> <% if $Comments.exists %>
<a class="comments" href="{$Link}#comments-holder"> <a class="blog-post__comments comments" href="{$Link}#comments-holder">
<span class="count">$Comments.count</span> <span class="count">$Comments.count</span>
<%t SilverStripe\\Blog\\Model\\Blog.Comments "comments" %> <%t SilverStripe\\Blog\\Model\\Blog.Comments "comments" %>
</a> </a>
<% end_if %> <% end_if %>
<% if $MinutesToRead %> <% if $MinutesToRead %>
<div class="reading-time"> <div class="blog-post__reading-time reading-time">
<% if $MinutesToRead < 1 %> <% if $MinutesToRead < 1 %>
<%t SilverStripe\\Blog\\Model\\Blog.LessThanAMinuteToRead "Less than a minute to read" %> <%t SilverStripe\\Blog\\Model\\Blog.LessThanAMinuteToRead "Less than a minute to read" %>
<% else %> <% else %>

View File

@ -42,7 +42,7 @@
<% else %> <% else %>
<div class="element element__no_blogposts"> <div class="element element__no_blogposts">
<div class="element-container $DefaultContainer"> <div class="element-container $DefaultContainer">
<p class="alert alert-info alert-block"> <p class="blog__no-posts alert alert-info alert-block">
<%t SilverStripe\\Blog\\Model\\Blog.NoPosts 'There are no posts' %> <%t SilverStripe\\Blog\\Model\\Blog.NoPosts 'There are no posts' %>
</p> </p>
</div> </div>
@ -58,7 +58,7 @@
</div> </div>
<% if $CommentsForm %> <% if $CommentsForm %>
<div class="element element__comments"> <div class="element element__comments blog__comments">
<div class="element-container $DefaultContainer"> <div class="element-container $DefaultContainer">
$CommentsForm $CommentsForm
</div> </div>

View File

@ -1,5 +1,5 @@
<div id="PageContainer" class="page{$CSSClass} action{$Action}"> <div id="PageContainer" class="page{$CSSClass} action{$Action}">
<article class="blog-entry"> <article class="blog-post blog-entry">
<%-- if $FeaturedImage %> <%-- if $FeaturedImage %>
<div id="CarouselTop" class="carousel slide js-carousel d-none d-sm-block"> <div id="CarouselTop" class="carousel slide js-carousel d-none d-sm-block">
@ -23,7 +23,7 @@
</article> </article>
<% if $CommentsForm %> <% if $CommentsForm %>
<div class="element element__comments"> <div class="element element__comments blog__comments blog-post__comments">
<div class="element-container $DefaultContainer"> <div class="element-container $DefaultContainer">
$CommentsForm $CommentsForm
</div> </div>

View File

@ -1,4 +1,5 @@
<% if $Archive %> <% if $Archive %>
<div class="blog__archive">
<ul> <ul>
<% loop $Archive %> <% loop $Archive %>
<li> <li>
@ -8,4 +9,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,4 +1,5 @@
<% if $Categories %> <% if $Categories %>
<div class="blog__categories">
<ul class="list-unstyled list-inline"> <ul class="list-unstyled list-inline">
<% loop $Categories %> <% loop $Categories %>
<li class="list-inline-item"> <li class="list-inline-item">
@ -8,4 +9,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,4 +1,5 @@
<% if $Posts %> <% if $Posts %>
<div class="blog-posts__featured">
<ul> <ul>
<% loop $Posts %> <% loop $Posts %>
<li> <li>
@ -9,4 +10,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,4 +1,5 @@
<% if $Posts %> <% if $Posts %>
<div class="blog-posts__recent">
<ul class="list-unstyled"> <ul class="list-unstyled">
<% loop $Posts %> <% loop $Posts %>
<li> <li>
@ -8,4 +9,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,4 +1,5 @@
<% if $Tags %> <% if $Tags %>
<div class="blog-posts__tags blog-posts__tags-cloud">
<ul class="list-unstyled list-inline"> <ul class="list-unstyled list-inline">
<% loop $Tags %> <% loop $Tags %>
<li class="list-inline-item"> <li class="list-inline-item">
@ -8,4 +9,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,4 +1,5 @@
<% if $Tags %> <% if $Tags %>
<div class="blog-posts__tags">
<ul class="list-unstyled list-inline"> <ul class="list-unstyled list-inline">
<% loop $Tags %> <% loop $Tags %>
<li class="list-inline-item"> <li class="list-inline-item">
@ -8,4 +9,5 @@
</li> </li>
<% end_loop %> <% end_loop %>
</ul> </ul>
</div>
<% end_if %> <% end_if %>

View File

@ -1,5 +1,6 @@
<input $AttributesHTML /> <input $AttributesHTML />
<b class="show-password">
<b class="field-password__show-password show-password">
<i class="fas fa-eye"></i> <i class="fas fa-eye"></i>
<span class="sr-only">Show Password</span> <span class="sr-only">Show Password</span>
</b> </b>

View File

@ -1,4 +1,4 @@
<div id="uff"> <div id="uff" class="userdefinedform__thx">
<div class="on-complete-message user-form"> <div class="on-complete-message user-form">
$OnCompleteMessage $OnCompleteMessage
</div> </div>
@ -8,4 +8,4 @@
$CustomThankYouCode.RAW $CustomThankYouCode.RAW
</div> </div>
<% end_if %> <% end_if %>
</div> </div>