diff --git a/src/editor/widgets/tag/TagWidget.jsx b/src/editor/widgets/tag/TagWidget.jsx
index f057385..90571d9 100644
--- a/src/editor/widgets/tag/TagWidget.jsx
+++ b/src/editor/widgets/tag/TagWidget.jsx
@@ -11,17 +11,17 @@ const TagWidget = props => {
const [ showDelete, setShowDelete ] = useState(false);
// Every body with a 'tagging' purpose is considered a tag
- const tagBodies = props.annotation ?
+ const tagBodies = props.annotation ?
props.annotation.bodies.filter(b => b.purpose === 'tagging') : [];
const toggle = tag => _ => {
if (showDelete === tag) // Removes delete button
setShowDelete(false);
- else
+ else
setShowDelete(tag); // Sets delete button on a different tag
}
- const onDelete = tag => evt => {
+ const onDelete = tag => evt => {
evt.stopPropagation();
props.onRemoveBody(tag);
}
@@ -32,28 +32,30 @@ const TagWidget = props => {
return (
- { tagBodies.length > 0 &&
-
- { tagBodies.map(tag =>
- -
- {tag.value}
+
+ { tagBodies.length > 0 &&
+
+ { tagBodies.map(tag =>
+ -
+ {tag.value}
- {!props.readOnly &&
-
-
-
-
+ {!props.readOnly &&
+
+
+
+
+
-
-
- }
-
- )}
-
- }
+
+ }
+
+ )}
+
+ }
+
{ !props.readOnly &&
-
@@ -63,4 +65,4 @@ const TagWidget = props => {
};
-export default TagWidget;
\ No newline at end of file
+export default TagWidget;
diff --git a/themes/default/editor/widgets/tag/_tag.scss b/themes/default/editor/widgets/tag/_tag.scss
index 5ce2042..9452bcd 100644
--- a/themes/default/editor/widgets/tag/_tag.scss
+++ b/themes/default/editor/widgets/tag/_tag.scss
@@ -2,6 +2,20 @@
display:none;
}
+/* IE11-specific hackery */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+
+ .r6o-widget.tag .r6o-taglist li {
+ height:27px;
+
+ .delete-wrapper .delete {
+ position:relative;
+ top:-4px;
+ }
+ }
+
+}
+
.r6o-widget.tag {
background-color:$blueish-white;
border-bottom:1px solid $lightgrey-border;
@@ -51,12 +65,12 @@
.delete {
padding:2px 6px;
-
+
.icon {
height:11px;
padding-bottom:1px;
}
-
+
}
svg {