From 8a06b8ba50b1974fceffe9d47fd4b03526fdefa0 Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Mon, 18 Oct 2021 16:34:18 +0700
Subject: [PATCH] TF-194 Fix style the block quote tag

---
 .../dom/blockquoted_transformers.dart         | 23 +++++++++++++++++++
 .../transform_configuration.dart              |  2 ++
 .../html_content_viewer_widget.dart           |  8 -------
 3 files changed, 25 insertions(+), 8 deletions(-)
 create mode 100644 core/lib/presentation/utils/html_transformer/dom/blockquoted_transformers.dart

diff --git a/core/lib/presentation/utils/html_transformer/dom/blockquoted_transformers.dart b/core/lib/presentation/utils/html_transformer/dom/blockquoted_transformers.dart
new file mode 100644
index 000000000..34f21f5ef
--- /dev/null
+++ b/core/lib/presentation/utils/html_transformer/dom/blockquoted_transformers.dart
@@ -0,0 +1,23 @@
+
+import 'package:html/dom.dart';
+import 'package:core/presentation/utils/html_transformer/base/dom_transformer.dart';
+import 'package:core/presentation/utils/html_transformer/transform_configuration.dart';
+
+class BlockQuotedTransformer extends DomTransformer {
+
+  const BlockQuotedTransformer();
+
+  @override
+  void process(Document document, String message, TransformConfiguration configuration) {
+    final quotedElements = document.getElementsByTagName('blockquote');
+    for (final quotedElement in quotedElements) {
+      quotedElement.attributes['style'] = '''
+          margin-left: 4px;
+          margin-right: 4px;
+          padding-left: 8px;
+          padding-right: 8px;
+          border-left: 2px solid #eee;
+        ''';
+    }
+  }
+}
\ No newline at end of file
diff --git a/core/lib/presentation/utils/html_transformer/transform_configuration.dart b/core/lib/presentation/utils/html_transformer/transform_configuration.dart
index b30b789b2..ea11f314e 100644
--- a/core/lib/presentation/utils/html_transformer/transform_configuration.dart
+++ b/core/lib/presentation/utils/html_transformer/transform_configuration.dart
@@ -1,4 +1,5 @@
 
+import 'package:core/presentation/utils/html_transformer/dom/blockquoted_transformers.dart';
 import 'package:core/presentation/utils/html_transformer/dom/image_transformers.dart';
 import 'package:core/presentation/utils/html_transformer/dom/link_transformers.dart';
 import 'package:core/presentation/utils/html_transformer/dom/meta_transformers.dart';
@@ -61,6 +62,7 @@ class TransformConfiguration {
     RemoveScriptTransformer(),
     ImageTransformer(),
     EnsureRelationNoReferrerTransformer(),
+    BlockQuotedTransformer(),
   ];
 
   static const List<TextTransformer> standardTextTransformers = [
diff --git a/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart b/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
index 9f8b143b2..924b6cccc 100644
--- a/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
+++ b/core/lib/presentation/views/html_viewer/html_content_viewer_widget.dart
@@ -67,14 +67,6 @@ class _HtmlContentViewState extends State<HtmlContentViewer> {
           color: #182952;
           font-family: verdana;
         }
-        blockquote {
-          font: normal helvetica, verdana;
-          margin-top: 10px;
-          margin-bottom: 10px;
-          margin-left: 20px;
-          padding-left: 15px;
-          border-left: 5px solid #eee;
-        }
         table {
           width: 100%;
           max-width: 100%;