[Feature #1544] Remove attribute label from vocabulary info, remove "…

…Annotator" from page title.
kbss-cvut · Mar 30, 2021 · c27a2ef · c27a2ef
1 parent 33b43df
commit c27a2ef
Showing 1 changed file with 4 additions and 16 deletions.
diff --git a/src/component/annotator/Annotator.tsx b/src/component/annotator/Annotator.tsx
@@ -30,7 +30,7 @@ import TermItState from "../../model/TermItState";
 import User from "../../model/User";
 import "./Annotator.scss";
 import HeaderWithActions from "../misc/HeaderWithActions";
-import {Card, CardBody, CardHeader, Col, Label, Row} from "reactstrap";
+import {Card, CardBody, CardHeader} from "reactstrap";
 import VocabularyIriLink from "../vocabulary/VocabularyIriLink";
 import File from "../../model/File";
 
@@ -392,13 +392,12 @@ export class Annotator extends React.Component<AnnotatorProps, AnnotatorState> {
     };
 
     public render() {
-
         return <>
             <WindowTitle title={this.props.i18n("annotator")}/>
-            <HeaderWithActions title={this.props.i18n("annotator") + " - " + this.props.file.getLabel()}/>
+            <HeaderWithActions title={this.props.file.getLabel()}/>
             <Card>
-                <CardHeader>
-                    {this.renderMetadata()}
+                <CardHeader className="text-right">
+                    <VocabularyIriLink iri={IRIImpl.toString(this.props.vocabularyIri)}/>
                 </CardHeader>
                 <CardBody>
                     <LegendToggle key="legend-toggle"/>
@@ -433,17 +432,6 @@ export class Annotator extends React.Component<AnnotatorProps, AnnotatorState> {
         </>
     }
 
-    private renderMetadata() {
-        return <Row>
-            <Col xl={2} md={4}>
-                <Label className="attribute-label">{this.props.i18n("annotator.vocabulary")}</Label>
-            </Col>
-            <Col xl={10} md={8}>
-                <VocabularyIriLink iri={IRIImpl.toString(this.props.vocabularyIri)}/>
-            </Col>
-        </Row>;
-    }
-
     private generateVirtualPopperAnchor(): HTMLElement {
         // Based on https://popper.js.org/docs/v2/virtual-elements/
         return HtmlDomUtils.generateVirtualElement(this.state.selectionPurposeDialogAnchorPosition.x, this.state.selectionPurposeDialogAnchorPosition.y);