Skip to content

Commit

Permalink
Issue #625: Structural changes to tooltips, CSS cleaned
Browse files Browse the repository at this point in the history
  • Loading branch information
@stefanhaerter
stefanhaerter committed Feb 22, 2022
1 parent c5aba35 commit b75e7bd
Show file tree
Hide file tree
Showing 12 changed files with 22 additions and 33 deletions.
12 changes: 6 additions & 6 deletions Kernel/Output/HTML/Templates/Standard/CustomerTicketMessage.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand Down Expand Up @@ -105,7 +105,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand All @@ -123,7 +123,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand All @@ -141,7 +141,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand Down Expand Up @@ -212,7 +212,7 @@
# [% Data.Field %]
# </div>
# [% IF Data.Tooltip %]
# <div class="oooTooltip">
# <div class="Tooltip oooTooltip">
# <i class="ooofo ooofo-help"></i>
# <div class="Content">
# <p>[% Data.Tooltip | html %]</p>
Expand All @@ -229,7 +229,7 @@
# [% Data.Field %]
# </div>
# [% IF Data.Tooltip %]
# <div class="oooTooltip">
# <div class="Tooltip oooTooltip">
# <i class="ooofo ooofo-help"></i>
# <div class="Content>
# <p>[% Data.Tooltip | html %]</p>
Expand Down
12 changes: 6 additions & 6 deletions Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand Down Expand Up @@ -123,7 +123,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand Down Expand Up @@ -152,7 +152,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand All @@ -170,7 +170,7 @@
[% Data.Field %]
</div>
[% IF Data.Tooltip %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Data.Tooltip | html | html_line_break %]</p>
Expand All @@ -191,7 +191,7 @@
# [% Data.Field %]
# </div>
# [% IF Data.Tooltip %]
# <div class="oooTooltip">
# <div class="Tooltip oooTooltip">
# <i class="ooofo ooofo-help"></i>
# <div class="Content">
# <p>[% Data.Tooltip | html | html_line_break %]</p>
Expand All @@ -208,7 +208,7 @@
# [% Data.Field %]
# </div>
# [% IF Data.Tooltip %]
# <div class="oooTooltip">
# <div class="Tooltip oooTooltip">
# <i class="ooofo ooofo-help"></i>
# <div class="Content">
# <p>[% Data.Tooltip | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerArticle.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<input type="text" id="Subject[% Data.IDSuffix | html %]" name="Subject" value="[% Data.Subject | html %]" class="W75pc [% Data.ValidateRequired | html %] [% Data.SubjectServerError | html %] Validate_DependingRequiredAND Validate_Depending_RichText Validate_Depending_AttachmentExists Validate_Depending_TimeUnits"/>
</div>
[% RenderBlockStart("rw:Article:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerDynamicField.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:DynamicField:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerPriority.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:Priority:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerQueue.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:Queue:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerSLA.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:SLA:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerService.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:Service:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerState.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:State:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerTitle.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<input class="W50pc DynamicFieldText [% Data.ValidateRequired | html %] [% Data.ServerError | html %]" type="text" name="[% Data.FieldID | html %]" id="[% Data.FieldID | html %][% Data.IDSuffix | html %]" value="[% Data.Value | html %]"/>
</div>
[% RenderBlockStart("rw:Title:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
2 changes: 1 addition & 1 deletion Kernel/Output/HTML/Templates/Standard/ProcessManagement/CustomerType.tt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
[% Data.Content %]
</div>
[% RenderBlockStart("rw:Type:DescriptionLong") %]
<div class="oooTooltip">
<div class="Tooltip oooTooltip">
<i class="ooofo ooofo-help"></i>
<div class="Content">
<p>[% Translate(Data.DescriptionLong) | html | html_line_break %]</p>
Expand Down
13 changes: 1 addition & 12 deletions var/httpd/htdocs/skins/Customer/default/css/Core.InputFields.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -564,16 +564,8 @@ input[readonly=readonly] {
.oooTooltip > .Content {
z-index: 1;
display: none;
padding: 24px 32px;
width: 280px;
line-height: 1.4;
white-space: normal;
color: #00023c;
color: var(--colTextDark);
background: #fff;
box-shadow: 0 1px 4px 0 rgba(4, 0, 71, 0.16);
box-shadow: 0 1px 4px 0 var(--colShadowDark);
border-radius: 15px;
}

.oooTooltip:hover > .Content {
Expand All @@ -587,16 +579,13 @@ input[readonly=readonly] {
position: absolute;
z-index: 6000;
display: none;
max-width: 400px;
}

.Tooltip > .Content {
background-color: #fff;
padding: 5px;
position: relative;
border-radius: 15px;
padding: 24px 32px;
max-width: 280px;
width: 280px;
line-height: 1.4;
white-space: normal;
box-shadow: 0 1px 4px 0 rgba(4, 0, 71, 0.16);
Expand Down

0 comments on commit b75e7bd

Please sign in to comment.