removes instances of Label

This commit is contained in:
James
2019-02-16 12:59:56 -05:00
parent b5bbf78829
commit 24e9c7cc24
5 changed files with 12 additions and 9 deletions

View File

@@ -49,9 +49,6 @@ export { default as Localizer } from './components/modules/Localizer';
// Routes
export { default as CollectionRoutes } from './components/routes/Collections';
// Type
export { default as Label } from './components/type/Label';
// Utilities
export { default as MeasureWindow } from './components/utilities/MeasureWindow';
export { default as MeasureScroll } from './components/utilities/MeasureScroll';

View File

@@ -2,7 +2,7 @@ import React from 'react';
import { withRouter } from 'react-router-dom';
import { connect } from 'react-redux';
import { NavLink, Link } from 'react-router-dom';
import { Arrow, Label } from 'payload/components';
import { Arrow } from 'payload/components';
import './index.scss';
@@ -19,7 +19,7 @@ const Sidebar = props => {
<Link to="/">
<Icon />
</Link>
<Label>Collections</Label>
<span className="uppercase-label">Collections</span>
<nav>
{props.collections && props.collections.map((item, i) => {
const href = `/collections/${item.slug}`;
@@ -35,7 +35,7 @@ const Sidebar = props => {
);
})}
</nav>
<Label>Globals</Label>
<span className="uppercase-label">Globals</span>
<nav>
<NavLink activeClassName="active" to="/components">Components</NavLink>
<NavLink activeClassName="active" to="/settings">Settings</NavLink>

View File

@@ -15,7 +15,7 @@
}
}
label {
.uppercase-label {
@extend %uppercase-label;
color: $gray;
}

View File

@@ -1,5 +1,4 @@
import React from 'react';
import { Label } from 'payload/components';
import './index.scss';
@@ -9,7 +8,7 @@ const APIUrl = props => {
return (
<div className="api-url">
<Label className="uppercase">API URL</Label>
<span className="uppercase-label">API URL</span>
<div className="url"><a href={apiUrl} rel="noopener noreferrer" target="_blank">{apiUrl}</a></div>
</div>
);

View File

@@ -1,6 +1,13 @@
@import '~payload/scss/styles';
.api-url {
.url {
overflow: hidden;
text-overflow: ellipsis;
}
.uppercase-label {
@extend %uppercase-label;
}
}