Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-07 22:15:45 +01:00
Code Issues Packages Projects Releases Activity

added underline to header part of page when buttonactions set

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

24
scm-ui-components/packages/ui-components/src/layout/Page.js
View File

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

8
scm-ui/styles/scm.scss
View File

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