@manuscripts/body-editor 1.7.35 → 1.7.37

package/dist/cjs/views/affiliations.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AffiliationsView = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 class AffiliationsView extends block_view_1.default {
@@ -18,6 +19,14 @@ class AffiliationsView extends block_view_1.default {
             this.dom.setAttribute('contenteditable', 'false');
             this.dom.appendChild(this.contentDOM);
         };
+        this.updateContents = () => {
+            this.dom.addEventListener('click', () => this.onClickHandler());
+        };
+        this.onClickHandler = () => {
+            const { tr, doc } = this.view.state;
+            tr.setSelection(prosemirror_state_1.NodeSelection.create(doc, this.getPos()));
+            this.view.dispatch(tr);
+        };
     }
 }
 exports.AffiliationsView = AffiliationsView;

package/dist/cjs/views/citation_editable.js

@@ -74,6 +74,7 @@ class CitationEditableView extends citation_1.CitationView {
             this.props.popper.destroy();
         };
         this.showContextMenu = () => {
+            this.props.popper.destroy();
             const componentProps = {
                 actions: [
                     { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },

package/dist/cjs/views/contributors.js

@@ -20,7 +20,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContributorsView = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
+const prosemirror_state_1 = require("prosemirror-state");
 const AuthorsModal_1 = require("../components/authors/AuthorsModal");
 const authors_1 = require("../lib/authors");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
@@ -41,12 +43,14 @@ class ContributorsView extends block_view_1.default {
             this.updateContents();
         };
         this.updateContents = () => {
-            this.updateClasses();
-            this.updateAttributes();
-            this.container.innerHTML = '';
-            this.buildAuthors();
-            this.createEditButton();
-            this.createLegend();
+            setTimeout(() => {
+                this.updateClasses();
+                this.updateAttributes();
+                this.container.innerHTML = '';
+                this.buildAuthors();
+                this.createEditButton();
+                this.createLegend();
+            }, 0);
         };
         this.buildAuthors = () => {
             var _a;
@@ -79,7 +83,9 @@ class ContributorsView extends block_view_1.default {
             const pluginState = affiliations_1.affiliationsKey.getState(this.view.state);
             const attrs = node.attrs;
             const displayAttr = (0, track_changes_utils_1.getActualAttrs)(node);
+            const containerWrapper = document.createElement('div');
             const container = document.createElement('button');
+            containerWrapper.classList.add('contributor-wrapper');
             container.classList.add('contributor');
             container.setAttribute('id', attrs.id);
             container.setAttribute('contenteditable', 'false');
@@ -95,9 +101,12 @@ class ContributorsView extends block_view_1.default {
             }
             const can = this.props.getCapabilities();
             const disableEditButton = !can.editMetadata;
-            const { isCorresponding, email } = displayAttr;
+            const { isCorresponding, email, id } = displayAttr;
             if (!disableEditButton) {
-                container.addEventListener('click', this.handleClick);
+                container.addEventListener('click', () => {
+                    const dataTracked = attrs.dataTracked;
+                    this.onClickHandler(id, dataTracked ? dataTracked[0] : undefined);
+                });
             }
             const name = (0, authors_1.authorLabel)(displayAttr);
             container.innerHTML =
@@ -125,7 +134,8 @@ class ContributorsView extends block_view_1.default {
             if (selectedAuthor && selectedAuthor === attrs.id) {
                 container.classList.add('selected-suggestion');
             }
-            return container;
+            containerWrapper.appendChild(container);
+            return containerWrapper;
         };
         this.isJointFirstAuthor = (authors, index) => {
             const author = index === 0 ? authors[index] : authors[index - 1];
@@ -147,7 +157,7 @@ class ContributorsView extends block_view_1.default {
             const can = this.props.getCapabilities();
             const button = (0, ReactSubView_1.default)(this.props, style_guide_1.SecondaryButton, {
                 mini: true,
-                onClick: this.handleClick,
+                onClick: () => this.handleEdit(''),
                 className: 'edit-authors-button',
                 disabled: !can.editMetadata,
                 children: 'Edit Authors',
@@ -167,17 +177,48 @@ class ContributorsView extends block_view_1.default {
                 }
             }
         };
-        this.handleClick = (e) => {
-            var _a, _b;
-            e.stopPropagation();
+        this.onClickHandler = (elementId, dataTracked) => {
+            var _a;
+            this.props.popper.destroy();
+            const isSelectedSuggestion = !!((_a = selected_suggestion_ui_1.selectedSuggestionKey
+                .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
+            const { tr, doc } = this.view.state;
+            tr.setSelection(prosemirror_state_1.NodeSelection.create(doc, this.getPos()));
+            if (dataTracked && dataTracked.status !== track_changes_plugin_1.CHANGE_STATUS.rejected) {
+                tr.setMeta(selected_suggestion_ui_1.SET_SUGGESTION_ID, dataTracked.id);
+            }
+            else {
+                if (isSelectedSuggestion) {
+                    tr.setMeta(selected_suggestion_ui_1.CLEAR_SUGGESTION_ID, true);
+                }
+            }
+            if (!((dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.operation) === track_changes_plugin_1.CHANGE_OPERATION.delete &&
+                (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.status) !== track_changes_plugin_1.CHANGE_STATUS.rejected)) {
+                this.showContextMenu(elementId);
+            }
+            this.view.dispatch(tr);
+        };
+        this.showContextMenu = (elementId) => {
+            this.props.popper.destroy();
+            const element = document.getElementById(elementId);
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => this.handleEdit(elementId),
+                        icon: 'EditIcon',
+                    },
+                ],
+            };
+            this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+            this.props.popper.show(element, this.contextMenu, 'right-start');
+        };
+        this.handleEdit = (id) => {
+            var _a;
+            this.props.popper.destroy();
             const contributors = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.contributor);
             const affiliations = (0, view_1.findChildrenAttrsByType)(this.view, transform_1.schema.nodes.affiliation);
-            let author = undefined;
-            const target = e.target;
-            if (target) {
-                const id = (_a = target.closest('.contributor')) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
-                author = contributors.filter((a) => a.id === id)[0];
-            }
+            const author = id ? contributors.filter((a) => a.id === id)[0] : undefined;
             const componentProps = {
                 author,
                 authors: contributors,
@@ -186,7 +227,7 @@ class ContributorsView extends block_view_1.default {
                 onDeleteAuthor: this.handleDeleteAuthor,
                 onSaveAffiliation: this.handleSaveAffiliation,
             };
-            (_b = this.popper) === null || _b === void 0 ? void 0 : _b.remove();
+            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.remove();
             this.popper = (0, ReactSubView_1.default)(this.props, AuthorsModal_1.AuthorsModal, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
@@ -219,8 +260,6 @@ class ContributorsView extends block_view_1.default {
             const node = transform_1.schema.nodes.affiliation.create(attrs);
             this.view.dispatch(tr.insert(parent.pos + 1, node));
         };
-        this.ignoreMutation = () => true;
-        this.stopEvent = () => true;
     }
     createNote(text = '', title = '') {
         const el = document.createElement('span');

package/dist/cjs/views/keyword_group.js

@@ -19,6 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KeywordGroupView = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
 const AddKeywordInline_1 = require("../components/keywords/AddKeywordInline");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
@@ -44,6 +45,15 @@ class KeywordGroupView extends block_view_1.default {
                 this.element.appendChild(this.addingTools);
             }
         };
+        this.updateContents = () => {
+            this.dom.addEventListener('click', (event) => this.onClickHandler(event));
+        };
+        this.onClickHandler = (event) => {
+            event === null || event === void 0 ? void 0 : event.stopPropagation();
+            const { tr, doc } = this.view.state;
+            tr.setSelection(prosemirror_state_1.NodeSelection.create(doc, this.getPos()));
+            this.view.dispatch(tr);
+        };
     }
 }
 exports.KeywordGroupView = KeywordGroupView;

package/dist/es/views/affiliations.js

@@ -1,3 +1,4 @@
+import { NodeSelection } from 'prosemirror-state';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 export class AffiliationsView extends BlockView {
@@ -12,6 +13,14 @@ export class AffiliationsView extends BlockView {
             this.dom.setAttribute('contenteditable', 'false');
             this.dom.appendChild(this.contentDOM);
         };
+        this.updateContents = () => {
+            this.dom.addEventListener('click', () => this.onClickHandler());
+        };
+        this.onClickHandler = () => {
+            const { tr, doc } = this.view.state;
+            tr.setSelection(NodeSelection.create(doc, this.getPos()));
+            this.view.dispatch(tr);
+        };
     }
 }
 export default createNodeView(AffiliationsView);

package/dist/es/views/citation_editable.js

@@ -68,6 +68,7 @@ export class CitationEditableView extends CitationView {
             this.props.popper.destroy();
         };
         this.showContextMenu = () => {
+            this.props.popper.destroy();
             const componentProps = {
                 actions: [
                     { label: 'Edit', action: this.handleEdit, icon: 'EditIcon' },

package/dist/es/views/contributors.js

@@ -13,14 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { SecondaryButton } from '@manuscripts/style-guide';
+import { ContextMenu, SecondaryButton, } from '@manuscripts/style-guide';
+import { CHANGE_OPERATION, CHANGE_STATUS, } from '@manuscripts/track-changes-plugin';
 import { isContributorNode, schema, } from '@manuscripts/transform';
+import { NodeSelection } from 'prosemirror-state';
 import { AuthorsModal, } from '../components/authors/AuthorsModal';
 import { authorLabel } from '../lib/authors';
 import { getActualAttrs } from '../lib/track-changes-utils';
 import { deleteNode, findChildByID, findChildByType, findChildrenAttrsByType, updateNodeAttrs, } from '../lib/view';
 import { affiliationsKey } from '../plugins/affiliations';
-import { selectedSuggestionKey } from '../plugins/selected-suggestion-ui';
+import { CLEAR_SUGGESTION_ID, selectedSuggestionKey, SET_SUGGESTION_ID, } from '../plugins/selected-suggestion-ui';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
@@ -35,12 +37,14 @@ export class ContributorsView extends BlockView {
             this.updateContents();
         };
         this.updateContents = () => {
-            this.updateClasses();
-            this.updateAttributes();
-            this.container.innerHTML = '';
-            this.buildAuthors();
-            this.createEditButton();
-            this.createLegend();
+            setTimeout(() => {
+                this.updateClasses();
+                this.updateAttributes();
+                this.container.innerHTML = '';
+                this.buildAuthors();
+                this.createEditButton();
+                this.createLegend();
+            }, 0);
         };
         this.buildAuthors = () => {
             var _a;
@@ -73,7 +77,9 @@ export class ContributorsView extends BlockView {
             const pluginState = affiliationsKey.getState(this.view.state);
             const attrs = node.attrs;
             const displayAttr = getActualAttrs(node);
+            const containerWrapper = document.createElement('div');
             const container = document.createElement('button');
+            containerWrapper.classList.add('contributor-wrapper');
             container.classList.add('contributor');
             container.setAttribute('id', attrs.id);
             container.setAttribute('contenteditable', 'false');
@@ -89,9 +95,12 @@ export class ContributorsView extends BlockView {
             }
             const can = this.props.getCapabilities();
             const disableEditButton = !can.editMetadata;
-            const { isCorresponding, email } = displayAttr;
+            const { isCorresponding, email, id } = displayAttr;
             if (!disableEditButton) {
-                container.addEventListener('click', this.handleClick);
+                container.addEventListener('click', () => {
+                    const dataTracked = attrs.dataTracked;
+                    this.onClickHandler(id, dataTracked ? dataTracked[0] : undefined);
+                });
             }
             const name = authorLabel(displayAttr);
             container.innerHTML =
@@ -119,7 +128,8 @@ export class ContributorsView extends BlockView {
             if (selectedAuthor && selectedAuthor === attrs.id) {
                 container.classList.add('selected-suggestion');
             }
-            return container;
+            containerWrapper.appendChild(container);
+            return containerWrapper;
         };
         this.isJointFirstAuthor = (authors, index) => {
             const author = index === 0 ? authors[index] : authors[index - 1];
@@ -141,7 +151,7 @@ export class ContributorsView extends BlockView {
             const can = this.props.getCapabilities();
             const button = ReactSubView(this.props, SecondaryButton, {
                 mini: true,
-                onClick: this.handleClick,
+                onClick: () => this.handleEdit(''),
                 className: 'edit-authors-button',
                 disabled: !can.editMetadata,
                 children: 'Edit Authors',
@@ -161,17 +171,48 @@ export class ContributorsView extends BlockView {
                 }
             }
         };
-        this.handleClick = (e) => {
-            var _a, _b;
-            e.stopPropagation();
+        this.onClickHandler = (elementId, dataTracked) => {
+            var _a;
+            this.props.popper.destroy();
+            const isSelectedSuggestion = !!((_a = selectedSuggestionKey
+                .getState(this.view.state)) === null || _a === void 0 ? void 0 : _a.find(this.getPos(), this.getPos() + this.node.nodeSize).length);
+            const { tr, doc } = this.view.state;
+            tr.setSelection(NodeSelection.create(doc, this.getPos()));
+            if (dataTracked && dataTracked.status !== CHANGE_STATUS.rejected) {
+                tr.setMeta(SET_SUGGESTION_ID, dataTracked.id);
+            }
+            else {
+                if (isSelectedSuggestion) {
+                    tr.setMeta(CLEAR_SUGGESTION_ID, true);
+                }
+            }
+            if (!((dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.operation) === CHANGE_OPERATION.delete &&
+                (dataTracked === null || dataTracked === void 0 ? void 0 : dataTracked.status) !== CHANGE_STATUS.rejected)) {
+                this.showContextMenu(elementId);
+            }
+            this.view.dispatch(tr);
+        };
+        this.showContextMenu = (elementId) => {
+            this.props.popper.destroy();
+            const element = document.getElementById(elementId);
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Edit',
+                        action: () => this.handleEdit(elementId),
+                        icon: 'EditIcon',
+                    },
+                ],
+            };
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+            this.props.popper.show(element, this.contextMenu, 'right-start');
+        };
+        this.handleEdit = (id) => {
+            var _a;
+            this.props.popper.destroy();
             const contributors = findChildrenAttrsByType(this.view, schema.nodes.contributor);
             const affiliations = findChildrenAttrsByType(this.view, schema.nodes.affiliation);
-            let author = undefined;
-            const target = e.target;
-            if (target) {
-                const id = (_a = target.closest('.contributor')) === null || _a === void 0 ? void 0 : _a.getAttribute('id');
-                author = contributors.filter((a) => a.id === id)[0];
-            }
+            const author = id ? contributors.filter((a) => a.id === id)[0] : undefined;
             const componentProps = {
                 author,
                 authors: contributors,
@@ -180,7 +221,7 @@ export class ContributorsView extends BlockView {
                 onDeleteAuthor: this.handleDeleteAuthor,
                 onSaveAffiliation: this.handleSaveAffiliation,
             };
-            (_b = this.popper) === null || _b === void 0 ? void 0 : _b.remove();
+            (_a = this.popper) === null || _a === void 0 ? void 0 : _a.remove();
             this.popper = ReactSubView(this.props, AuthorsModal, componentProps, this.node, this.getPos, this.view);
             this.container.appendChild(this.popper);
         };
@@ -213,8 +254,6 @@ export class ContributorsView extends BlockView {
             const node = schema.nodes.affiliation.create(attrs);
             this.view.dispatch(tr.insert(parent.pos + 1, node));
         };
-        this.ignoreMutation = () => true;
-        this.stopEvent = () => true;
     }
     createNote(text = '', title = '') {
         const el = document.createElement('span');

package/dist/es/views/keyword_group.js

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { NodeSelection } from 'prosemirror-state';
 import { AddKeywordInline } from '../components/keywords/AddKeywordInline';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
@@ -38,6 +39,15 @@ export class KeywordGroupView extends BlockView {
                 this.element.appendChild(this.addingTools);
             }
         };
+        this.updateContents = () => {
+            this.dom.addEventListener('click', (event) => this.onClickHandler(event));
+        };
+        this.onClickHandler = (event) => {
+            event === null || event === void 0 ? void 0 : event.stopPropagation();
+            const { tr, doc } = this.view.state;
+            tr.setSelection(NodeSelection.create(doc, this.getPos()));
+            this.view.dispatch(tr);
+        };
     }
 }
 export default createNodeView(KeywordGroupView);

package/dist/types/views/affiliations.d.ts

@@ -4,6 +4,8 @@ export declare class AffiliationsView<PropsType extends EditableBlockProps> exte
     ignoreMutation: () => boolean;
     stopEvent: () => boolean;
     createElement: () => void;
+    updateContents: () => void;
+    private onClickHandler;
 }
 declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<AffiliationsView<any>>;
 export default _default;

package/dist/types/views/contributors.d.ts

@@ -24,27 +24,28 @@ export interface ContributorsProps extends EditableBlockProps {
     selectAuthorForEditing: (authorId: string) => void;
 }
 export declare class ContributorsView<PropsType extends ContributorsProps> extends BlockView<PropsType> {
+    contextMenu: HTMLElement;
     container: HTMLElement;
     inner: HTMLElement;
     popper?: HTMLElement;
     initialise: () => void;
     updateContents: () => void;
     buildAuthors: () => void;
-    buildAuthor: (node: ContributorNode, isJointFirstAuthor: boolean, selectedAuthor?: string) => HTMLButtonElement;
+    buildAuthor: (node: ContributorNode, isJointFirstAuthor: boolean, selectedAuthor?: string) => HTMLDivElement;
     createNote(text?: string, title?: string): HTMLSpanElement;
     isJointFirstAuthor: (authors: ContributorNode[], index: number) => boolean;
     createElement: () => void;
     createDOM: () => void;
     createEditButton: () => void;
     createLegend: () => void;
-    handleClick: (e: Event) => void;
+    private onClickHandler;
+    showContextMenu: (elementId: string) => void;
+    handleEdit: (id: string) => void;
     handleSaveAuthor: (author: ContributorAttrs) => void;
     handleDeleteAuthor: (author: ContributorAttrs) => void;
     handleSaveAffiliation: (affiliation: AffiliationAttrs) => void;
     insertAuthorNode: (attrs: ContributorAttrs) => void;
     insertAffiliationNode: (attrs: AffiliationAttrs) => void;
-    ignoreMutation: () => boolean;
-    stopEvent: () => boolean;
 }
 declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<ContributorsView<any>>;
 export default _default;

package/dist/types/views/keyword_group.d.ts

@@ -21,6 +21,8 @@ export declare class KeywordGroupView extends BlockView<EditableBlockProps> {
     ignoreMutation: () => boolean;
     stopEvent: () => boolean;
     createElement: () => void;
+    updateContents: () => void;
+    private onClickHandler;
 }
 declare const _default: (props: import("./base_node_view").BaseNodeProps, dispatch?: import("..").Dispatch | undefined) => import("../types").NodeViewCreator<KeywordGroupView>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.7.35",
+  "version": "1.7.37",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -31,7 +31,7 @@
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "^2.2.7",
     "@manuscripts/library": "^1.3.6",
-    "@manuscripts/style-guide": "1.8.5",
+    "@manuscripts/style-guide": "1.8.6",
     "@manuscripts/track-changes-plugin": "1.7.9",
     "@manuscripts/transform": "2.1.13",
     "astrocite-eutils": "^0.16.4",
@@ -112,4 +112,4 @@
     "@types/react": "^17.0.2",
     "prosemirror-tables": "^1.3.5"
   }
-}
+}

package/styles/AdvancedEditor.css

@@ -782,12 +782,6 @@ Next levels are shifted 'up' by 1
   color: var(--deleted-color);
 }
 
-.contributor[data-track-op='delete']:not([data-track-status='rejected']),
-.contributor[data-track-op='delete']:not([data-track-status='rejected']) .name,
-.affiliation[data-track-op='delete']:not([data-track-status='rejected']) {
-  pointer-events: none;
-}
-
 .contributor[data-track-op='delete']:not([data-track-status='rejected']) {
   color: var(--deleted-color);
 }
@@ -805,29 +799,52 @@ Next levels are shifted 'up' by 1
 .contributors {
   white-space: initial;
   margin-top: 24px;
-  align-items: center;
   display: flex;
   justify-content: space-between;
+  align-items: flex-start;
+  gap: 0 .5em;
 }
 .contributors-list {
+  display: flex;
+  max-width: 100%;
   flex: 0 1 auto;
+  flex-wrap: wrap;
+  gap: 0 .25em;
 }
-
 .contributors .tools-panel {
   position: initial;
+  display: flex;
   flex: 1;
+  align-items: center;
+}
+.contributor-wrapper {
+  display: flex;
+}
+.contributor-wrapper:after {
+  content: ', ';
+  color: #353535;
+}
+.contributor-wrapper:last-child::after {
+  content: '';
+  margin-right: 0;
+}
+.contributor-wrapper .contributor-comment {
+  left: 0;
+  top: -8px;
+  width: auto;
+  height: auto; 
 }
-
 .contributor {
+  position: relative;
   display: inline-flex;
   background: transparent;
   border: 0;
-  font-family: 'PT Sans', sans-serif;
   font-size: 1rem;
   text-decoration: none;
   color: inherit;
   outline: none;
-  padding: 0;
+  padding: 4px;
+  /* margin: 0 6px; */
 }
 
 .contributor:not(:disabled):hover {
@@ -843,16 +860,6 @@ Next levels are shifted 'up' by 1
   cursor: pointer !important;
 }
 
-.contributor:after {
-  content: ', ';
-  color: #353535;
-  margin-right: 5px;
-}
-.contributor:last-child::after {
-  content: '';
-  margin-right: 0;
-}
-
 .contributors-legend {
   margin: 16px 0 0 0;
 }
@@ -864,11 +871,7 @@ Next levels are shifted 'up' by 1
   vertical-align: top;
 }
 
-.contributors .tools-panel {
-  align-items: center;
-  display: flex;
-  margin-left: 8px;
-}
+
 
 .contributor-note {
   display: inline-block;
@@ -897,4 +900,4 @@ Next levels are shifted 'up' by 1
 
 * {
   scroll-behavior: smooth;
-}
+}