Fix display content full screen in Email Detailed

This commit is contained in:
dab246
2022-04-14 14:13:08 +07:00
committed by Dat H. Pham
parent 2bae5c31ce
commit 8a527a1ead
8 changed files with 98 additions and 148 deletions
@@ -3,6 +3,8 @@ import 'package:core/data/network/dio_client.dart';
import 'package:core/presentation/utils/html_transformer/base/dom_transformer.dart';
import 'package:html/dom.dart';
import '../html_template.dart';
class AddTooltipLinkTransformer extends DomTransformer {
const AddTooltipLinkTransformer();
@@ -29,7 +31,7 @@ class AddTooltipLinkTransformer extends DomTransformer {
if (children.isEmpty && text.isNotEmpty && url != null) {
final innerHtml = element.innerHtml;
final tagClass = element.attributes['class'];
element.attributes['class'] = '$tagClass tooltip';
element.attributes['class'] = '$tagClass $nameClassToolTip';
element.innerHtml = innerHtml + textHasToolTip(url);
}
}
@@ -1,6 +1,8 @@
final nameClassToolTip = 'tmail-tooltip';
final tooltipLinkCss = '''
.tooltip .tooltiptext {
.$nameClassToolTip .tooltiptext {
visibility: hidden;
max-width: 400px;
background-color: black;
@@ -14,7 +16,7 @@ final tooltipLinkCss = '''
position: absolute;
z-index: 1;
}
.tooltip:hover .tooltiptext {
.$nameClassToolTip:hover .tooltiptext {
visibility: visible;
}
''';