techgear.gr: broken menu + layout issue Topic is solved

[back2themoon]

https://www.techgear.gr/

techgear.png

The top arrows indicate the broken menu. Pressing the top-right Menu button also reveals a broken menu.

The bottom arrow indicates missing space. These weird "content boxes" they are using are supposed to have some space between them:

techgear2.png

Errors I see:

Code: Select all

Use of attributes’ nodeValue attribute is deprecated. Use value instead.

[Exception... "Component returned failure code: 0x80004002 (NS_NOINTERFACE) [nsIWebProgress.DOMWindow]"  nsresult: "0x80004002 (NS_NOINTERFACE)"  location: "JS frame :: chrome://browser/content/browser.js :: onStateChange :: line 11160"  data: no

[adoxa]

It makes extensive use of CSS clamp (with a couple of min, as well). Modify HTTP Response filter.

Code: Select all

[["/final-app\\.css/",["/clamp\\(.*?,(.*?),.*?\\)/g","$1","/min\\((.*?),.*?\\)/g","$1"]]]]

[back2themoon]

Thank you adoxa! I'm having some trouble applying this filter, is the syntax ok?

[tellu-white]

Thank you adoxa! I'm having some trouble applying this filter, is the syntax ok?

Try this:

Code: Select all

[["/techgear/",["/final-app\\.css/",["/clamp\\(.*?,(.*?),.*?\\)/g","$1","/min\\((.*?),.*?\\)/g","$1"]]]]

Adoxa forgot to put the "host" in filter.

***

Note: if you want to add this filter to the existing ones, then read adoxa's post here:

https://forum.palemoon.org/viewtopic.php?f=70&t=31829#p257209

[back2themoon]

Thank you too, tellu-white! That fixes it. I'm currently using your extension, actually.

Out of curiosity: why is "techgear" needed here instead of "techgear.gr" which fails? Seems unusual.

This website also seems quite unusual, to put it kindly. After the fix, the top-right menu button disappeared - pushed out to the right, actually and the cursor keys were needed! I had to apply these zoom levels to get close to the intended result: Global zoom = 140% / Text-only zoom = 90%

[tellu-white]

Thank you too, tellu-white! That fixes it. I'm currently using your extension, actually.

Out of curiosity: why is "techgear" needed here instead of "techgear.gr" which fails? Seems unusual.

This website also seems quite unusual, to put it kindly. After the fix, the top-right menu button disappeared - pushed out to the right, actually and the cursor keys were needed! I had to apply these zoom levels to get close to the intended result: Global zoom = 140% / Text-only zoom = 90%

I'm glad you find my add-on easier to use.

The "host" "techgear.gr" fails because the URL of the CSS page whose code needs to be changed is:

https://techgear.cachefly.net/techgear/css/final-app.css?id=4e6ffc7a6b92cf61ee3093002bcc941c

I found this URL using my "Intercept & Modify HTTP Response" add-on, with the "Requests Info / Get All Requested URLs + Hosts + Paths" option. In the "requests_info.txt" file, I searched for the string "final-app" which is found in the "path" posted by adoxa and found two matches: one for a CSS file and another for a JS file. The URL above is that of the CSS file and has the "host" "techgear.cachefly.net". This is why the "host" "techgear.gr" fails (the string ".gr" is not found in that "host"). Instead, the "host" "techgear.cachefly.net" can also be used, but I preferred to use only "techgear" because the "host" "techgear.cachefly.net" contains the string "cache" and I took into account the possibility that this URL (this "host") could be subject to changes over time (just a speculation).

I didn't analyze the content of adoxa's filter, I only looked at its syntax, so I can't say anything about the impact it has on page.

[adoxa]

This website also seems quite unusual, to put it kindly. After the fix, the top-right menu button disappeared - pushed out to the right, actually and the cursor keys were needed! I had to apply these zoom levels to get close to the intended result: Global zoom = 140% / Text-only zoom = 90%

Looks alright to me (Basilisk, Win10; scrolling with the wheel).

[back2themoon]

Yes, the fix works perfectly.

Perhaps the zoom situation is related to my specific config.