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

display button like other create buttons on mobile sites

Browse Source
This commit is contained in:
Florian Scholdei
2019-02-21 09:39:05 +01:00
parent 095ae81f80
commit 4b43456b27
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,8 @@ type Props = {
const styles = { const styles = {
spacing: { spacing: {
marginTop: "1.25rem" marginTop: "1.25rem",
textAlign: "right"
} }
}; };
@@ -62,7 +63,7 @@ class Page extends React.Component<Props> {
<Subtitle subtitle={subtitle} /> <Subtitle subtitle={subtitle} />
</div> </div>
<div className="column is-two-fifths"> <div className="column is-two-fifths">
<div className={classNames(classes.spacing, "is-pulled-right")}>{content}</div> <div className={classNames(classes.spacing, "is-mobile-create-button-spacing")}>{content}</div>
</div> </div>
</div> </div>
{underline} {underline}

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

@@ -47,6 +47,19 @@ hr.header-with-actions {
height: 1px; height: 1px;
margin-top: -10px; margin-top: -10px;
background-color: $primary; background-color: $primary;
@media screen and (max-width: 768px) {
display: none;
}
}
.is-mobile-create-button-spacing {
@media screen and (max-width: 768px) {
border: 2px solid #e9f7fd;
padding: 1em 1em;
margin-top: 0 !important;
width: 100%;
text-align: center !important;
}
} }
.footer { .footer {