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

fix core button spacing in details expander

Browse source
This commit is contained in:
Collin M. Barrett 2019-08-02 21:26:08 -05:00
parent b94c37d21f
commit 9c203b3be1
4 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/FilterLists.Web/src/modules/home/components/detailsExpander/DetailsExpander.tsx
View file

@ -16,7 +16,7 @@ export const DetailsExpander = (props: Props) =>
<div className="card border-primary">
<div className="card-body p-2">
<div className="container m-0">
<div className="row">
<div className="d-flex flex-row justify-content-between">
<InfoCard columnVisibility={props.columnVisibility} software={props.software} {...props.list} />
<LinkButtonGroup {...props.list} />
</div>

3
src/FilterLists.Web/src/modules/home/components/detailsExpander/LinkButtonGroup.tsx
View file

@ -1,5 +1,6 @@
import * as React from "react";
import { ChatButton, DonateButton, EmailButton, ForumButton, HomeButton, IssuesButton, PolicyButton, SubmitButton, SubscribeButton, ViewButton } from "../linkButtons";
import "./linkButtonGroup.css";
interface Props {
chatUrl: string;
@ -16,7 +17,7 @@ interface Props {
};
export const LinkButtonGroup = (props: Props) =>
<div className="col-3 p-0 btn-group-vertical justify-content-start d-flex align-items-end">
<div className="btn-group-vertical">
<SubscribeButton name={props.name} url={props.viewUrl} urlMirrors={props.viewUrlMirrors} />
<ViewButton name={props.name} url={props.viewUrl} urlMirrors={props.viewUrlMirrors} />
<HomeButton name={props.name} url={props.homeUrl} />

2
src/FilterLists.Web/src/modules/home/components/detailsExpander/infoCard/InfoCard.tsx
View file

@ -27,7 +27,7 @@ interface Props {
};
export const InfoCard = (props: Props) =>
<div className="col-9">
<div className="flex-fill">
{props.columnVisibility.filter((c: IColumnVisibility) => c.column === "Tags")[0].visible
? null
: <TagGroup tags={props.tags} />}

3
src/FilterLists.Web/src/modules/home/components/detailsExpander/linkButtonGroup.css Normal file
View file

@ -0,0 +1,3 @@
.btn-group-vertical {
display: inline;
}