[ 
https://issues.apache.org/jira/browse/OFBIZ-12638?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17896383#comment-17896383
 ] 

ASF subversion and git services commented on OFBIZ-12638:
---------------------------------------------------------

Commit 2113d2163637544ce159be2b9085a1539387c537 in ofbiz-framework's branch 
refs/heads/trunk from Florian Motteau
[ https://gitbox.apache.org/repos/asf?p=ofbiz-framework.git;h=2113d21636 ]

Fixed: Fix tooltips display and styles leaks (OFBIZ-12730) (#851)

Use natives browser tooltips instead of handmade tooltips.
Fixes at least one glitch (OFBIZ-12730) due to styles leaking.
Removes the global "transition: .2s" which leads to
animate every single element modification (causes OFBIZ-13104,
and possibly other problems/lagging).
Only apply these transitions to buttons to keep a nice effect
on hover. We may have to add other selectors if needed.

OFBIZ-12638
OFBIZ-12730
OFBIZ-13104

> Tooltip Helveticus layout issue
> -------------------------------
>
>                 Key: OFBIZ-12638
>                 URL: https://issues.apache.org/jira/browse/OFBIZ-12638
>             Project: OFBiz
>          Issue Type: Sub-task
>          Components: themes/helveticus
>    Affects Versions: Upcoming Branch
>            Reporter: Ingo Wolfmayr
>            Assignee: Jacques Le Roux
>            Priority: Minor
>             Fix For: Upcoming Branch
>
>         Attachments: image-2022-06-13-12-20-42-426.png, 
> image-2022-06-13-12-21-34-819.png, image-2022-06-13-13-38-58-628.png, 
> image-2024-11-07-16-39-36-666.png
>
>
> See screenshot.
> Catalog --> Categories --> ProductAssocs
> The layout is spoiled because css class tooltip is defined. Helveticus theme 
> uses this class to add css class "has-tooltip" to parent. The stylesheet 
> definition of this class makes it look like it shows in the screenshot.
> I dont understand the current implementation of tooltips with helveticus 
> theme.
>  
> ProductAssocs:
> {code:java}
>  <div>
>                         <span 
> class="label">${uiLabelMap.ProductProductId}</span>
>                         <@htmlTemplate.lookupField 
> formName="addProductCategoryMemberForm" name="productId" id="productId" 
> fieldFormName="LookupProduct"/>
>                         <br/>
>                         <span 
> class="label">${uiLabelMap.CommonFromDate}</span>
>                         <@htmlTemplate.renderDateTimeField name="fromDate" 
> event="" action="" className="" alert="" title="Format: yyyy-MM-dd 
> HH:mm:ss.SSS" value="" size="25" maxlength="30" id="fromDate1" 
> dateType="date" shortDateInput=false timeDropdownParamName="" 
> defaultDateTimeString="" localizedIconTitle="" timeDropdown="" 
> timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" 
> minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" 
> compositeType="" formName=""/>
>                         <span 
> class="tooltip">${uiLabelMap.CommonRequired}</span>
>                           <br />
>                           <span 
> class="label">${uiLabelMap.CommonComments}</span> <textarea name="comments" 
> rows="2" cols="40"></textarea>
>                           <input type="submit" 
> value="${uiLabelMap.CommonAdd}" />
>                     </div>{code}
> !image-2022-06-13-12-20-42-426.png!
> ProductStore:
>  
> {code:java}
> <tr>
> <td class="label">
> <label for="EditProductStore_payToPartyId" title="Bitte beachten Sie, dass 
> dies mit der organizationPartyId übereinstimmt, zu denen die Hauptbuch 
> Transaktionen übermittelt werden." 
> id="EditProductStore_payToPartyId_title">Zahlung an Akteur ID</label>  </td>
> <td>
> <!-- @renderLookupField -->
> <span class="field-lookup">
>     <div id="3_lookupId_EditProductStore_payToPartyId_auto"></div><input 
> type="text" name="payToPartyId" value="Company" size="25" 
> id="3_lookupId_EditProductStore_payToPartyId" data-lookup-ajax-enabled="true" 
> data-lookup-presentation="layer" data-lookup-request-url="LookupPartyName" 
> data-lookup-form-name="EditProductStore" data-lookup-optional-target="" 
> data-lookup-width="640" data-lookup-height="500" 
> data-lookup-position="topleft" data-lookup-modal="true" 
> data-lookup-show-description="true" data-lookup-default-minlength="2" 
> data-lookup-default-delay="300" data-lookup-args="" 
> data-lookup-ajax-url="EditProductStore_payToPartyId,https://localhost:8443/catalog/control/LookupPartyName,ajaxLookup=Y&amp;searchValueFieldName=payToPartyId";
>  class="ui-autocomplete-input" autocomplete="off">  <a 
> href="javascript:void(0);" id="3_lookupId_button"></a><span 
> id="3_lookupId_EditProductStore_payToPartyId_lookupDescription" 
> class="tooltip"><p>
> </td>
> </tr>
> {code}
> !image-2022-06-13-12-21-34-819.png!
> Is there a working exampe that I can use as reference.
> Shoud a tooltip be displayed below as in productstore example?



--
This message was sent by Atlassian Jira
(v8.20.10#820010)

Reply via email to