Fix display content full screen in Email Detailed
This commit is contained in:
@@ -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;
|
||||
}
|
||||
''';
|
||||
|
||||
Reference in New Issue
Block a user