prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

further tidy of Maintainer cards

Browse source
This commit is contained in:
Collin Barrett 2018-03-26 21:21:11 -05:00
parent 6234fa168c
commit b30369e3e6
2 changed files with 38 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/FilterLists.Web/ClientApp/components/ListDetails.tsx
View file

@ -210,38 +210,44 @@ function Maintainers(props: any) {
function Maintainer(props: any) {
return <div className="card">
<div className="card-body">
<h3 className="card-title">Maintained by {props.maintainer.name}</h3>
<div className="btn-group" role="group">
{props.maintainer.homeUrl
? <a href={props.maintainer.homeUrl} className="btn btn-primary fl-btn-details-action"
title={`View the home page of ${props.maintainer.name}.`}>
Home
</a>
: null}
{props.maintainer.emailAddress
? <a href={`mailto:${props.maintainer.emailAddress}`}
className="btn btn-primary fl-btn-details-action"
title={`Email ${props.maintainer.name}.`}>
Email
</a>
: null}
{props.maintainer.twitterHandle
? <a href={`https://twitter.com/${props.maintainer.twitterHandle}`}
className="btn btn-primary fl-btn-details-action"
title={`View the Twitter page of ${props.maintainer.name}.`}>
Twitter
</a>
: null}
<h3 className="card-header">Maintained by {props.maintainer.name}</h3>
<div className="container pt-1">
<div className="row">
<div className="col-9">
{props.maintainer.additionalLists.length > 0
? <div>
<h4>More by {props.maintainer.name}:</h4>
<ul>
{props.maintainer.additionalLists.map(
(list: any) => <MaintainerAdditionalList list={list} key={list.id.toString()}/>)}
</ul>
</div>
: null}
</div>
<div className="col-3 p-0 btn-group-vertical justify-content-start d-flex align-items-end" role="group">
{props.maintainer.homeUrl
? <a href={props.maintainer.homeUrl} className="btn btn-primary fl-btn-details-action"
title={`View the home page of ${props.maintainer.name}.`}>
Home
</a>
: null}
{props.maintainer.emailAddress
? <a href={`mailto:${props.maintainer.emailAddress}`}
className="btn btn-primary fl-btn-details-action"
title={`Email ${props.maintainer.name}.`}>
Email
</a>
: null}
{props.maintainer.twitterHandle
? <a href={`https://twitter.com/${props.maintainer.twitterHandle}`}
className="btn btn-primary fl-btn-details-action"
title={`View the Twitter page of ${props.maintainer.name}.`}>
Twitter
</a>
: null}
</div>
</div>
</div>
{props.maintainer.additionalLists.length > 0
? <div>
<h4>More by {props.maintainer.name}</h4>
<ul>
{props.maintainer.additionalLists.map(
(list: any) => <MaintainerAdditionalList list={list} key={list.id.toString()}/>)}
</ul>
</div>
: null}
</div>
</div>;
}

2
src/FilterLists.Web/ClientApp/css/site.css
View file

@ -10,6 +10,6 @@ body, h2, h3, h4, h5, blockquote {
}
.fl-btn-details-action {
margin: 0 .2rem .2rem;
margin-bottom: .2rem;
max-width: 90px;
}