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 viewport width gap

Browse source 
closes #402
This commit is contained in:
Collin M. Barrett 2018-08-29 18:55:47 -05:00
parent 4415d600fb
commit 5bb6780caf
2 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/FilterLists.Web/ClientApp/components/Home.tsx
View file

@ -104,8 +104,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
color: ListDetails.getContrast(`${e.colorHex}`)
}} title={e.description}>{e.name}</span>)}</div>,
width: 100,
headerClassName: "d-none d-lg-block",
className: "d-none d-lg-block"
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
},
{
Header: "Langs.",
@ -119,8 +119,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
<div>{cell.value.map((e: any) => e.iso6391).join(", ")}</div>,
style: { whiteSpace: "inherit" },
width: 60,
headerClassName: "d-none d-lg-block",
className: "d-none d-lg-block"
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
},
//{
// Header: "Updated",
@ -135,8 +135,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
// : "N/A"}</div>,
// style: { whiteSpace: "inherit" },
// width: 100,
// headerClassName: "d-none d-lg-block",
// className: "d-none d-lg-block"
// headerClassName: "d-none d-md-block",
// className: "d-none d-md-block"
//},
{
Header: "Details",
@ -165,8 +165,8 @@ export class Home extends React.Component<RouteComponentProps<{}>, IHomeState> {
Cell: (cell: any) => <SubscribeUrl url={cell.value} name={cell.row.name}/>,
style: { textAlign: "center" },
width: 105,
headerClassName: "d-none d-lg-block",
className: "d-none d-lg-block"
headerClassName: "d-none d-md-block",
className: "d-none d-md-block"
}
]}
SubComponent={(row: any) => {

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

@ -90,7 +90,7 @@ function ListUrls(props: any) {
function Tags(props: any) {
return props.tags.length > 0
? <div className="d-block d-sm-none">{props.tags.map(
? <div className="d-md-none">{props.tags.map(
(tag: any) => <span className="badge" style={{
backgroundColor: `#${tag.colorHex}`,
color: ListDetails.getContrast(`${tag.colorHex}`)
@ -176,7 +176,7 @@ function SubscribeUrl(props: any) {
function SubscribeUrlPrimary() {
return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
className="d-block d-sm-none btn btn-primary btn-block fl-btn-details-action"
className="d-md-none btn btn-primary btn-block fl-btn-details-action"
title={`Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
Subscribe
</a>;
@ -184,7 +184,7 @@ function SubscribeUrl(props: any) {
function SubscribeUrlWayback() {
return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
className="d-block d-sm-none btn btn-secondary btn-block fl-btn-details-action"
className="d-md-none btn btn-secondary btn-block fl-btn-details-action"
title={`Archive.org Mirror (Original Offline) - Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
Subscribe
</a>;
@ -192,7 +192,7 @@ function SubscribeUrl(props: any) {
function SubscribeUrlNotSecure() {
return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
className="d-block d-sm-none btn btn-danger btn-block fl-btn-details-action"
className="d-md-none btn btn-danger btn-block fl-btn-details-action"
title={`Not Secure - Subscribe to list with browser extension supporting \"abp:\" protocol (e.g. uBlock Origin, AdBlock Plus).`}>
Subscribe
</a>;