From 81d4c2f64f7d78c169a4f7077cb39d73cca06d6b Mon Sep 17 00:00:00 2001
From: Florian Scholdei
Date: Mon, 24 Aug 2020 11:29:27 +0200
Subject: [PATCH 1/3] Fix text-overflow in danger zone
---
.../ui-webapp/src/repos/containers/DangerZone.tsx | 13 ++++++++++++-
.../ui-webapp/src/repos/containers/DeleteRepo.tsx | 10 +++++-----
.../src/repos/containers/RenameRepository.tsx | 9 +++++----
3 files changed, 22 insertions(+), 10 deletions(-)
diff --git a/scm-ui/ui-webapp/src/repos/containers/DangerZone.tsx b/scm-ui/ui-webapp/src/repos/containers/DangerZone.tsx
index 5fb14e4557..3844717487 100644
--- a/scm-ui/ui-webapp/src/repos/containers/DangerZone.tsx
+++ b/scm-ui/ui-webapp/src/repos/containers/DangerZone.tsx
@@ -36,9 +36,20 @@ type Props = {
};
const DangerZoneContainer = styled.div`
- padding: 1rem;
+ padding: 1.5rem 1rem;
border: 1px solid #ff6a88;
border-radius: 5px;
+ > .level {
+ flex-flow: wrap;
+
+ .level-left {
+ max-width: 100%;
+ }
+
+ .level-right {
+ margin-top: 0.75rem;
+ }
+ }
> *:not(:last-child) {
padding-bottom: 1.5rem;
border-bottom: solid 2px whitesmoke;
diff --git a/scm-ui/ui-webapp/src/repos/containers/DeleteRepo.tsx b/scm-ui/ui-webapp/src/repos/containers/DeleteRepo.tsx
index 8585e98466..23f6ea10a5 100644
--- a/scm-ui/ui-webapp/src/repos/containers/DeleteRepo.tsx
+++ b/scm-ui/ui-webapp/src/repos/containers/DeleteRepo.tsx
@@ -26,9 +26,8 @@ import { connect } from "react-redux";
import { compose } from "redux";
import { RouteComponentProps, withRouter } from "react-router-dom";
import { WithTranslation, withTranslation } from "react-i18next";
-import { History } from "history";
import { Repository } from "@scm-manager/ui-types";
-import { confirmAlert, DeleteButton, ErrorNotification, Level, ButtonGroup } from "@scm-manager/ui-components";
+import { confirmAlert, DeleteButton, ErrorNotification, Level } from "@scm-manager/ui-components";
import { deleteRepo, getDeleteRepoFailure, isDeleteRepoPending } from "../modules/repos";
type Props = RouteComponentProps &
@@ -89,10 +88,11 @@ class DeleteRepo extends React.Component {
+
{t("deleteRepo.subtitle")}
-
{t("deleteRepo.description")}
-
+
+ {t("deleteRepo.description")}
+
}
right={}
/>
diff --git a/scm-ui/ui-webapp/src/repos/containers/RenameRepository.tsx b/scm-ui/ui-webapp/src/repos/containers/RenameRepository.tsx
index ede6414029..9254774a6d 100644
--- a/scm-ui/ui-webapp/src/repos/containers/RenameRepository.tsx
+++ b/scm-ui/ui-webapp/src/repos/containers/RenameRepository.tsx
@@ -38,7 +38,7 @@ type Props = {
};
const RenameRepository: FC = ({ repository, indexLinks }) => {
- let history = useHistory();
+ const history = useHistory();
const [t] = useTranslation("repos");
const [error, setError] = useState(undefined);
const [loading, setLoading] = useState(false);
@@ -156,10 +156,11 @@ const RenameRepository: FC = ({ repository, indexLinks }) => {
/>
+
{t("renameRepo.subtitle")}
-
{t("renameRepo.description")}
-
+
+ {t("renameRepo.description")}
+
}
right={