Switch repo overview layout to cards

Squash commits of branch feature/repo_overview_cards:

- Switch repo overview layout to cards

- wip

- Merge branch 'develop' into feature/repo_overview_cards

- Fix collapsible

- Fix collapsible

- Fix styling

- Merge branch 'develop' into feature/repo_overview_cards

- Fix type for collapsible

- Add changelog

- Update storyshots

- Merge branch 'develop' into feature/repo_overview_cards



Committed-by: Thomas Zerr <thomas.zerr@cloudogu.com>
Co-authored-by: tzerr <thomas.zerr@cloudogu.com>
This commit is contained in:
Eduard Heimbuch
2023-08-28 13:53:36 +02:00
parent de813efcb1
commit cd59873638
19 changed files with 1124 additions and 1574 deletions

View File

@@ -24,8 +24,9 @@
import React, { FC } from "react";
import { Color, Size } from "../styleConstants";
import Tooltip, { TooltipLocation } from "../Tooltip";
import Tag from "../Tag";
import { Card } from "@scm-manager/ui-layout";
import { Tooltip } from "@scm-manager/ui-overlays";
import { TooltipLocation } from "../Tooltip";
type Props = {
color?: Color;
@@ -36,10 +37,10 @@ type Props = {
};
const RepositoryFlag: FC<Props> = ({ children, title, size = "small", tooltipLocation = "bottom", ...props }) => (
<Tooltip location={tooltipLocation} message={title}>
<Tag size={size} {...props}>
<Tooltip side={tooltipLocation} message={title}>
<Card.Details.Detail.Tag {...props} className={`is-${size} is-relative`}>
{children}
</Tag>
</Card.Details.Detail.Tag>
</Tooltip>
);