Minor CSS fixes
* Breadcrumbs: override Bulma's nowrap style, as long forum thread titles could cause horizontal scrolling on mobile. * Dashboard: fix double <a> tag wrapping for profile pictures. * Member Search: fix invalid HTML code where div tags closed the wrapping p tag.
This commit is contained in:
Noah Petherbridge
parent
4b582b2141
commit
c1cf5df70e
|
|
@ -159,6 +159,12 @@ nav.navbar {
|
||||||
height: 1.5em !important;
|
height: 1.5em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Bulma breadcrumbs don't word-wrap which can cause horizontal scrolling on mobile,
|
||||||
|
especially on forum thread pages with a long thread title. */
|
||||||
|
.breadcrumb {
|
||||||
|
white-space: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
/***
|
/***
|
||||||
* Mobile navbar notification count badge no.
|
* Mobile navbar notification count badge no.
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,13 @@
|
||||||
<section class="hero is-link is-bold">
|
<section class="hero is-link is-bold">
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title">User Dashboard</h1>
|
<h1 class="title">
|
||||||
<h2 class="subtitle">to your account</h2>
|
<span class="icon mr-4 pl-3">
|
||||||
|
<i class="fa fa-house-user"></i>
|
||||||
|
</span>
|
||||||
|
<span>My Dashboard</span>
|
||||||
|
</h1>
|
||||||
|
<h2 class="subtitle">Settings & Notifications</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -182,7 +187,7 @@
|
||||||
|
|
||||||
<div class="card block">
|
<div class="card block">
|
||||||
<header class="card-header has-background-link">
|
<header class="card-header has-background-link">
|
||||||
<p class="card-header-title has-text-light">My Account</p>
|
<p class="card-header-title has-text-light">Quick Links</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
|
|
@ -203,7 +208,7 @@
|
||||||
<li>
|
<li>
|
||||||
<a href="/photo/upload">
|
<a href="/photo/upload">
|
||||||
<span class="icon"><i class="fa fa-upload"></i></span>
|
<span class="icon"><i class="fa fa-upload"></i></span>
|
||||||
Upload Photos
|
Upload Photo
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -214,28 +219,28 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/settings">
|
<a href="/settings">
|
||||||
<span class="icon"><i class="fa fa-edit"></i></span>
|
<span class="icon"><i class="fa fa-gear"></i></span>
|
||||||
Edit Profile & Settings
|
Edit Profile & Settings
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
|
||||||
<a href="/photo/certification">
|
|
||||||
<span class="icon"><i class="fa fa-certificate"></i></span>
|
|
||||||
Certification Photo
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/users/blocked">
|
|
||||||
<span class="icon"><i class="fa fa-hand"></i></span>
|
|
||||||
Blocked Users
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
<li>
|
||||||
<a href="/notes/me">
|
<a href="/notes/me">
|
||||||
<span class="icon"><i class="fa fa-pen-to-square mr-1"></i></span>
|
<span class="icon"><i class="fa fa-pen-to-square mr-1"></i></span>
|
||||||
My User Notes
|
My User Notes
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/photo/certification">
|
||||||
|
<span class="icon"><i class="fa fa-certificate"></i></span>
|
||||||
|
My Certification Photo
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/users/blocked">
|
||||||
|
<span class="icon"><i class="fa fa-hand"></i></span>
|
||||||
|
Blocked Users
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/logout">
|
<a href="/logout">
|
||||||
<span class="icon"><i class="fa fa-arrow-right-from-bracket"></i></span>
|
<span class="icon"><i class="fa fa-arrow-right-from-bracket"></i></span>
|
||||||
|
|
@ -250,12 +255,6 @@
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{{end}}
|
{{end}}
|
||||||
<li>
|
|
||||||
<a href="/settings#deactivate">
|
|
||||||
<span class="icon"><i class="fa fa-trash"></i></span>
|
|
||||||
Delete account
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</aside>
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -487,9 +486,7 @@
|
||||||
<strong class="tag is-success">NEW!</strong>
|
<strong class="tag is-success">NEW!</strong>
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
<a href="/u/{{.AboutUser.Username}}">
|
{{template "avatar-48x48" .AboutUser}}
|
||||||
{{template "avatar-48x48" .AboutUser}}
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="mb-1 pr-4">
|
<div class="mb-1 pr-4">
|
||||||
|
|
|
||||||
|
|
@ -82,6 +82,15 @@
|
||||||
<a href="/faq#shy-faqs" target="_blank">Learn more <i class="fa fa-external-link"></i></a>
|
<a href="/faq#shy-faqs" target="_blank">Learn more <i class="fa fa-external-link"></i></a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
{{else}}
|
||||||
|
<div class="block">
|
||||||
|
<i class="fa fa-hand-point-right mr-1"></i>
|
||||||
|
<strong>See also:</strong>
|
||||||
|
<a href="/members?sort=distance">
|
||||||
|
<i class="fa fa-location-dot mx-1"></i>
|
||||||
|
Who's Nearby?
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
||||||
<!-- Restricted search terms -->
|
<!-- Restricted search terms -->
|
||||||
|
|
@ -444,47 +453,48 @@
|
||||||
{{if .GetProfileField "orientation"}}
|
{{if .GetProfileField "orientation"}}
|
||||||
<span class="mr-2">{{.GetProfileField "orientation"}}</span>
|
<span class="mr-2">{{.GetProfileField "orientation"}}</span>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
||||||
<!-- Chat room status -->
|
|
||||||
{{if $Root.UserOnChatMap.Get .Username}}
|
|
||||||
<div>
|
|
||||||
<span class="tag is-success is-light">
|
|
||||||
<i class="fa fa-user mr-2"></i>
|
|
||||||
Currently on chat!
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{{end}}
|
|
||||||
|
|
||||||
<!-- Show a subfooter based on ordered by -->
|
|
||||||
{{if eq $Root.Sort "last_login_at desc"}}
|
|
||||||
<div>
|
|
||||||
<small>
|
|
||||||
Last logged in:
|
|
||||||
<span title="On {{.LastLoginAt.Format "Jan _2 2006 15:04:05 MST"}}">
|
|
||||||
{{SincePrettyCoarse .LastLoginAt}} ago
|
|
||||||
</span>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
{{end}}
|
|
||||||
|
|
||||||
{{if or (eq $Root.Sort "created_at desc") (eq $Root.Sort "certification_photos.updated_at desc")}}
|
|
||||||
<div>
|
|
||||||
<small>
|
|
||||||
Member since:
|
|
||||||
<span title="On {{.CreatedAt.Format "Jan _2 2006 15:04:05 MST"}}">
|
|
||||||
{{SincePrettyCoarse .CreatedAt}} ago
|
|
||||||
</span>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
{{end}}
|
|
||||||
|
|
||||||
<!-- Ordered by distance? -->
|
|
||||||
{{if eq $Root.Sort "distance"}}
|
|
||||||
<div>
|
|
||||||
{{$Root.DistanceMap.Get .ID}} away
|
|
||||||
</div>
|
|
||||||
{{end}}
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<!-- Chat room status -->
|
||||||
|
{{if $Root.UserOnChatMap.Get .Username}}
|
||||||
|
<div>
|
||||||
|
<span class="tag is-success is-light">
|
||||||
|
<i class="fa fa-user mr-2"></i>
|
||||||
|
Currently on chat!
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
<!-- Show a subfooter based on ordered by -->
|
||||||
|
{{if eq $Root.Sort "last_login_at desc"}}
|
||||||
|
<div>
|
||||||
|
<small>
|
||||||
|
Last logged in:
|
||||||
|
<span title="On {{.LastLoginAt.Format "Jan _2 2006 15:04:05 MST"}}">
|
||||||
|
{{SincePrettyCoarse .LastLoginAt}} ago
|
||||||
|
</span>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
{{if or (eq $Root.Sort "created_at desc") (eq $Root.Sort "certification_photos.updated_at desc")}}
|
||||||
|
<div>
|
||||||
|
<small>
|
||||||
|
Member since:
|
||||||
|
<span title="On {{.CreatedAt.Format "Jan _2 2006 15:04:05 MST"}}">
|
||||||
|
{{SincePrettyCoarse .CreatedAt}} ago
|
||||||
|
</span>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
|
<!-- Ordered by distance? -->
|
||||||
|
{{if eq $Root.Sort "distance"}}
|
||||||
|
<div>
|
||||||
|
{{$Root.DistanceMap.Get .ID}} away
|
||||||
|
</div>
|
||||||
|
{{end}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div><!-- media-block -->
|
</div><!-- media-block -->
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user