Issue #127: Firefox: floated images wrapped in links (#128)

backdrop-contrib · Jul 24, 2024 · e82d6ce · e82d6ce
1 parent dd6633d
commit e82d6ce
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/css/tinymce-content.css b/css/tinymce-content.css
@@ -8,11 +8,27 @@ img {
 }
 img[data-align="left"] {
   float: left;
-  margin: .5rem 1rem .5rem 0;
+  margin: .3rem 1rem .5rem 0;
+}
+a:has(img[data-align="left"]) {
+  float: left;
+  margin: .3rem 1rem .5rem 0;
+}
+a:has(img[data-align="left"]) img {
+  float: none;
+  margin: 0;
 }
 img[data-align="right"] {
   float: right;
-  margin: .5rem 0 .5rem 1rem;
+  margin: .3rem 0 .5rem 1rem;
+}
+a:has(img[data-align="right"]) {
+  float: right;
+  margin: .3rem 0 .5rem 1rem;
+}
+a:has(img[data-align="right"]) img {
+  float: none;
+  margin: 0;
 }
 img[data-align="center"] {
   display: block;