add bulma popover / add Extensionpoint

scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetButtonGroup.js

@@ -21,7 +21,7 @@ class ChangesetButtonGroup extends React.Component<Props> {
     const sourcesLink = createSourcesLink(repository, changeset);
 
     return (
-      <ButtonAddons className="is-pulled-right">
+      <ButtonAddons className="level-item">
         <Button link={changesetLink} className="reduced-mobile">
           <span className="icon">
             <i className="fas fa-exchange-alt" />

scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetRow.js

@@ -10,7 +10,7 @@ import { DateFromNow } from "../..";
 import ChangesetAuthor from "./ChangesetAuthor";
 import { parseDescription } from "./changesets";
 import { AvatarWrapper, AvatarImage } from "../../avatar";
-import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import { ExtensionPoint} from "@scm-manager/ui-extensions";
 import ChangesetTags from "./ChangesetTags";
 import ChangesetButtonGroup from "./ChangesetButtonGroup";
 
@@ -110,7 +110,16 @@ class ChangesetRow extends React.Component<Props> {
           </div>
           <div className={classNames("column", classes.isVcentered)}>
             <ChangesetTags changeset={changeset} />
-            <ChangesetButtonGroup repository={repository} changeset={changeset} />
+            <div className="is-pulled-right level">
+              <ChangesetButtonGroup repository={repository} changeset={changeset} />
+              <div className={classes.isVcentered}>
+                <ExtensionPoint
+                  name="changeset.right"
+                  props={{ repository, changeset }}
+                  renderAll={true}
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>

scm-ui-components/packages/ui-types/src/Changesets.js

@@ -1,9 +1,9 @@
 //@flow
-import type {Links} from "./hal";
+import type {Collection, Links} from "./hal";
 import type {Tag} from "./Tags";
 import type {Branch} from "./Branches";
 
-export type Changeset = {
+export type Changeset = Collection & {
   id: string,
   date: Date,
   author: {

scm-ui/package.json

@@ -9,6 +9,7 @@
     "@fortawesome/fontawesome-free": "^5.3.1",
     "@scm-manager/ui-extensions": "^0.1.2",
     "bulma": "^0.7.1",
+    "bulma-popover": "^1.0.0",
     "bulma-tooltip": "^2.0.2",
     "classnames": "^2.2.5",
     "font-awesome": "^4.7.0",

scm-ui/src/repos/containers/RepositoryRoot.js

@@ -125,7 +125,7 @@ class RepositoryRoot extends React.Component<Props> {
     return (
       <Page title={repository.namespace + "/" + repository.name}>
         <div className="columns">
-          <div className="column is-three-quarters is-clipped">
+          <div className="column is-three-quarters">
             <Switch>
               <Redirect exact from={this.props.match.url} to={redirectedUrl} />
               <Route

scm-ui/styles/scm.scss

@@ -497,6 +497,10 @@ form .field:not(.is-grouped) {
   }
 }
 
+.modal-card-body div div:last-child {
+  border-bottom: none;
+}
+
 .sub-menu li {
   line-height: 1;
 
@@ -521,3 +525,6 @@ form .field:not(.is-grouped) {
     display: none;
   }
 }
+
+
+@import "bulma-popover/css/bulma-popover";

scm-ui/yarn.lock

@@ -1798,6 +1798,11 @@ builtin-status-codes@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
 
+bulma-popover@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/bulma-popover/-/bulma-popover-1.0.0.tgz#fe4b93fa6a68cb233145c16f69ee39ee0f7d4237"
+  integrity sha512-uc74pIcFIBG7vJMOOYwlcsyiN5HH1LmeDbDame2gLAtiM7EFGsHe58L6wQr6GNDJNrN/adwE2tNzqIb1yjL/Bw==
+
 bulma-tooltip@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz#cf0bf5ad2dc75492cbcbd4816e1a005314dc90ac"