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

fix error

Browse Source
This commit is contained in:
Maren Süwer
2019-01-24 13:31:42 +01:00
parent 03e4a17b68
commit d790c38be5
2 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
scm-ui/src/repos/components/list/RepositoryEntry.js
View File

@@ -9,16 +9,6 @@ import classNames from "classnames";
import RepositoryAvatar from "./RepositoryAvatar"; import RepositoryAvatar from "./RepositoryAvatar";
const styles = { const styles = {
overlayFullColumn: {
position: "absolute",
height: "calc(120px - 0.5rem)",
width: "calc(100% - 1.5rem)"
},
overlayHalfColumn: {
position: "absolute",
height: "calc(120px - 1.5rem)",
width: "calc(50% - 3rem)"
},
inner: { inner: {
position: "relative", position: "relative",
pointerEvents: "none", pointerEvents: "none",
@@ -86,8 +76,8 @@ class RepositoryEntry extends React.Component<Props> {
const repositoryLink = this.createLink(repository); const repositoryLink = this.createLink(repository);
const halfColumn = fullColumnWidth ? "is-full" : "is-half"; const halfColumn = fullColumnWidth ? "is-full" : "is-half";
const overlayLinkClass = fullColumnWidth const overlayLinkClass = fullColumnWidth
? classes.overlayFullColumn ? "overlay-full-column"
: classes.overlayHalfColumn; : "overlay-half-column";
return ( return (
<div <div
className={classNames( className={classNames(

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

@@ -100,6 +100,19 @@ $fa-font-path: "webfonts";
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 1.5rem; margin-right: 1.5rem;
} }
.overlay-half-column {
position: absolute;
height: calc(120px - 1.5rem);
width: calc(50% - 3rem);
}
}
.column.is-full {
.overlay-full-column {
position: absolute;
height: calc(120px - 0.5rem);
width: calc(100% - 1.5rem);
}
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.column.is-half { .column.is-half {
@@ -108,6 +121,13 @@ $fa-font-path: "webfonts";
&:nth-child(odd) { &:nth-child(odd) {
margin-right: 0; margin-right: 0;
} }
.overlay-half-column{
position: absolute;
height: calc(120px - 0.5rem);
width: calc(100% - 1.5rem);
}
} }
} }
} }