diff --git a/src/app/workspace/resource/properties/properties.component.html b/src/app/workspace/resource/properties/properties.component.html index 3b0d333ba2..b296a54708 100644 --- a/src/app/workspace/resource/properties/properties.component.html +++ b/src/app/workspace/resource/properties/properties.component.html @@ -18,13 +18,6 @@

- - - - - - -
-
-
- -

- has incoming link -

-
-
-
- ...Loading -
-
- -
- {{inRes.label}} + +
+ +
+ + {{inRes.label}} + +
- -
diff --git a/src/app/workspace/resource/properties/properties.component.scss b/src/app/workspace/resource/properties/properties.component.scss index 013d4f14da..bbb12eeb54 100644 --- a/src/app/workspace/resource/properties/properties.component.scss +++ b/src/app/workspace/resource/properties/properties.component.scss @@ -99,6 +99,11 @@ .property-value { grid-column: 2 / span 3; } + + .link-value { + padding: 2px 0; + display: block; + } } } diff --git a/src/app/workspace/resource/properties/properties.component.ts b/src/app/workspace/resource/properties/properties.component.ts index 15fd8776b7..9af508b784 100644 --- a/src/app/workspace/resource/properties/properties.component.ts +++ b/src/app/workspace/resource/properties/properties.component.ts @@ -116,6 +116,8 @@ export class PropertiesComponent implements OnInit, OnChanges, OnDestroy { representationConstants = RepresentationConstants; + hasIncomingLinkIri = Constants.KnoraApiV2 + Constants.HashDelimiter + 'hasIncomingLinkValue'; + project: ReadProject; user: ReadUser; diff --git a/src/assets/style/_elements.scss b/src/assets/style/_elements.scss index 548b0083db..843886a23c 100644 --- a/src/assets/style/_elements.scss +++ b/src/assets/style/_elements.scss @@ -673,7 +673,7 @@ $gc-small: $form-width - $gc-large - 4; .action-bubble { position: absolute; right: 8px; - bottom: 16px; + top: -20px; border: 1px solid #e4e4e4; border-radius: 14px; padding: 0; @@ -689,18 +689,15 @@ $gc-small: $form-width - $gc-large - 4; outline: none; background-color: transparent; color: #000000; - margin: 0 2px; + margin: 0; border-radius: 50%; transition: background-color ease-out 0.5s; min-width: inherit; line-height: normal; - &:first-child { - margin: 0 2px 0 -1px; - } - + &:first-child, &:last-child { - margin: 0 -1px 0 2px; + margin: 0 -1px; } .material-icons { @@ -716,7 +713,7 @@ $gc-small: $form-width - $gc-large - 4; } button.info { - cursor: default; + cursor: help; } button:hover {