added underline to header part of page when buttonactions set

This commit is contained in:
Florian Scholdei
2019-02-20 14:13:38 +01:00
parent 93176d8117
commit fe9f97f6c9
2 changed files with 17 additions and 15 deletions

View File

@@ -39,13 +39,11 @@ class Page extends React.Component<Props> {
pageActionsExists = true; pageActionsExists = true;
} }
}); });
let underline = pageActionsExists ? <hr className="header-with-actions" /> : null;
return ( return (
<div <>
className={ <div className="columns">
pageActionsExists ? "columns page-header-with-actions" : "columns"
}
>
<div className="column"> <div className="column">
<Title title={title} /> <Title title={title} />
<Subtitle subtitle={subtitle} /> <Subtitle subtitle={subtitle} />
@@ -54,6 +52,8 @@ class Page extends React.Component<Props> {
<div className="is-pulled-right">{content}</div> <div className="is-pulled-right">{content}</div>
</div> </div>
</div> </div>
{underline}
</>
); );
} }

View File

@@ -42,9 +42,11 @@ $info: $blue;
min-height: calc(100vh - 260px); min-height: calc(100vh - 260px);
} }
// top section when pageactions set // shown in top section when pageactions set
.page-header-with-actions { hr.header-with-actions {
border-bottom: 1px solid $primary; height: 1px;
margin-top: -10px;
background-color: $primary;
} }
.footer { .footer {