Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use specific class instead of relying on H1 being inside page-header

pull/1347/head
Alex P 2017-04-27 14:33:40 -07:00
parent 2881c3b7b0
commit e4097550c8
10 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/admin/containers/AdminPage.js
View File

@ -157,7 +157,7 @@ class AdminPage extends Component {
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>
<h1 className="page-header__title">
Admin
</h1>
</div>

2
ui/src/alerts/containers/AlertsApp.js
View File

@ -125,7 +125,7 @@ class AlertsApp extends Component {
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>
<h1 className="page-header__title">
Alert History
</h1>
</div>

4
ui/src/dashboards/components/TemplateVariableManager.js
View File

@ -23,7 +23,7 @@ const TemplateVariableManager = ({
<div className="template-variable-manager">
<div className="template-variable-manager--header">
<div className="page-header__left">
Template Variables
<h1 className="page-header__title">Template Variables</h1>
</div>
<div className="page-header__right">
<button
@ -40,7 +40,7 @@ const TemplateVariableManager = ({
type="button"
onClick={onEditTemplateVariables(templates, onSaveTemplatesSuccess)}
>
Save Template
Save Changes
</button>
<span
className="icon remove"

4
ui/src/data_explorer/containers/Header.js
View File

@ -43,7 +43,9 @@ const Header = React.createClass({
<div className="page-header full-width-no-scrollbar">
<div className="page-header__container">
<div className="page-header__left">
<h1>Data Explorer</h1>
<h1 className="page-header__title">
Data Explorer
</h1>
</div>
<div className="page-header__right">
<GraphTips />

2
ui/src/hosts/containers/HostsPage.js
View File

@ -78,7 +78,7 @@ export const HostsPage = React.createClass({
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>
<h1 className="page-header__title">
Host List
</h1>
</div>

2
ui/src/kapacitor/components/KapacitorForm.js
View File

@ -11,7 +11,7 @@ class KapacitorForm extends Component {
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>
<h1 className="page-header__title">
Configure Kapacitor
</h1>
</div>

2
ui/src/kapacitor/components/KapacitorRules.js
View File

@ -50,7 +50,7 @@ const PageContents = ({children, source}) => (
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>Kapacitor Rules</h1>
<h1 className="page-header__title">Kapacitor Rules</h1>
</div>
<div className="page-header__right">
<SourceIndicator sourceName={source && source.name} />

2
ui/src/sources/containers/ManageSources.js
View File

@ -49,7 +49,7 @@ class ManageSources extends Component {
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>Configuration</h1>
<h1 className="page-header__title">Configuration</h1>
</div>
</div>
</div>

2
ui/src/sources/containers/SourcePage.js
View File

@ -115,7 +115,7 @@ export const SourcePage = React.createClass({
<div className="page-header">
<div className="page-header__container">
<div className="page-header__left">
<h1>
<h1 className="page-header__title">
{editMode ? 'Edit Source' : 'Add a New Source'}
</h1>
</div>

20
ui/src/style/layout/page-header.scss
View File

@ -29,16 +29,6 @@ $page-header-weight: 400 !important;
width: 100%;
max-width: ($page-wrapper-max-width - $page-wrapper-padding - $page-wrapper-padding);
}
h1 {
text-transform: none;
font-size: $page-header-size;
font-weight: $page-header-weight;
margin: 0;
display: inline-block;
vertical-align: middle;
@include no-user-select();
cursor: default;
}
&__left,
&__right {
flex: 1 0 0;
@ -71,4 +61,14 @@ $page-header-weight: 400 !important;
max-width: 100%;
}
}
}
.page-header__title {
text-transform: none;
font-size: $page-header-size;
font-weight: $page-header-weight;
margin: 0;
display: inline-block;
vertical-align: middle;
@include no-user-select();
cursor: default;
}