Uploaded image for project: 'OFBiz'
  1. OFBiz
  2. OFBIZ-12276 Improve Helveticus theme
  3. OFBIZ-13104

'Helveticus' theme,Abnormal display on the 'React Example' page

Details

    Description

      In the 'Helveticus' theme style, when entering the Example module and accessing 'React Example', the overall page will show scaling from large to small.
      But in other theme styles, such as the 'Rainbowstone' theme, 'React Example' displays normally.

       

      Attachments

        1. 20240526_124839.mp4
          1.95 MB
          gavinju

        Activity

          Removing 22.01 as it's abandonned

          jleroux Jacques Le Roux added a comment - Removing 22.01 as it's abandonned

          Hi gavinju,

          I can't reproduce on Windows with Edge. What environment (OS, browser) are you using?

          jleroux Jacques Le Roux added a comment - Hi gavinju , I can't reproduce on Windows with Edge. What environment (OS, browser) are you using?
          gavinju gavinju added a comment -

          My OS is : window 11
          Browser is : Chrome
          In the 'Helveticus' theme,'React Example'  displays abnormal,Other theme displays normally. 
          Please review the screenshot video I submitted.

          gavinju gavinju added a comment - My OS is : window 11 Browser is : Chrome In the 'Helveticus' theme,'React Example'  displays abnormal,Other theme displays normally.  Please review the screenshot video I submitted.

          I clearly see it indeed.

          jleroux Jacques Le Roux added a comment - I clearly see it indeed.
          gavinju gavinju added a comment -

          Looking forward to repairing it soon, 

          gavinju gavinju added a comment - Looking forward to repairing it soon, 

          This is only on Windows and not a big deal. There is only one small shrinking and no bug at all. It's just cosmetic. Moreover it's not the page purpose which is to introduce Vite and React. BTW we are also looking at HTMX... Closing.

          jleroux Jacques Le Roux added a comment - This is only on Windows and not a big deal. There is only one small shrinking and no bug at all. It's just cosmetic. Moreover it's not the page purpose which is to introduce Vite and React. BTW we are also looking at HTMX... Closing.

          jleroux FYI this is fixed by https://github.com/apache/ofbiz-framework/pull/851, Helveticus introduced a global CSS transition on all elements, so whenever an element is resized/moves/changes anything, it was animated, which causes performance issues.

          FloMo Florian Motteau added a comment - jleroux FYI this is fixed by https://github.com/apache/ofbiz-framework/pull/851, Helveticus introduced a global CSS transition on all elements, so whenever an element is resized/moves/changes anything, it was animated, which causes performance issues.

          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

          jira-bot ASF subversion and git services added a comment - 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

          Commit 0ec108698fe7e0a9a96e9a01683360259605f371 in ofbiz-framework's branch refs/heads/release24.09 from Florian Motteau
          [ https://gitbox.apache.org/repos/asf?p=ofbiz-framework.git;h=0ec108698f ]

          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

          jira-bot ASF subversion and git services added a comment - Commit 0ec108698fe7e0a9a96e9a01683360259605f371 in ofbiz-framework's branch refs/heads/release24.09 from Florian Motteau [ https://gitbox.apache.org/repos/asf?p=ofbiz-framework.git;h=0ec108698f ] 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

          People

            jleroux Jacques Le Roux
            gavinju gavinju
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: