subiectul Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil din Comunitatea Orange

[Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

Viper — Tue, 28 Jul 2026 10:55:40 GMT

Salut, nu știu ce modificări au fost făcute recent dar dacă intru de pe telefon mă zgârie pe retină treaba asta de câteva zile.

Și nu numai pe mine, mulțumesc @Radutuby pentru că mi-ai scris și tu legat de bug cât și pentru ajutorul la teste.

Scriptul se află aici: orange_fix_mobile_menu.user.js

// ==UserScript== // @name Comunitatea Orange - Mobile Menu Fix // @namespace Violentmonkey Scripts // @match https://comunitate.orange.ro/* // @version 1.2 // @description Repară spațierea meniului pe mobil. // @author Viper @ comunitate.orange.ro // ==/UserScript== (function() { 'use strict'; // 1. CSS de bază pentru structură const baseStyle = document.createElement('style'); baseStyle.innerHTML = ` /* Anulăm marginile haotice, lăsăm desktop-ul în pace */ ul[id^="userNavDropdown"] li .lia-header-nav-component-widget { margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; min-height: 0 !important; } /* Transformăm linkul într-un rând flexibil capabil să țină badge-ul */ ul[id^="userNavDropdown"] li .lia-header-nav-component-widget > a { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; box-sizing: border-box !important; text-decoration: none !important; } /* Stilizarea organică a bulei portocalii */ ul[id^="userNavDropdown"] li .lia-header-nav-component-widget .lia-header-nav-component-unread-count { position: static !important; margin: 0 !important; background-color: #ff6600 !important; color: white !important; border-radius: 10px !important; padding: 2px 8px !important; font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; } /* Ascundem feedback-ul ajax rezidual */ ul[id^="userNavDropdown"] li .lia-inline-ajax-feedback { display: none !important; } `; document.head.appendChild(baseStyle); // 2. Funcția de sincronizare function syncMenuStyles() { const dropdown = document.querySelector('.user-navigation-settings-drop-down'); if (!dropdown || dropdown.style.display === 'none') return; // Găsim un element nativ care arată perfect ("My profile") const referenceLink = dropdown.querySelector('ul[id^="userNavDropdown"] > li > a.lia-link-navigation'); if (!referenceLink) return; // Citim matematica de randare a platformei const style = window.getComputedStyle(referenceLink); const perfectPadding = `${style.paddingTop} ${style.paddingRight} ${style.paddingBottom} ${style.paddingLeft}`; const widgets = dropdown.querySelectorAll('ul[id^="userNavDropdown"] li .lia-header-nav-component-widget'); widgets.forEach(widget => { // Respectăm decizia platformei de a ascunde elementul pe desktop if (window.getComputedStyle(widget).display === 'none') { return; } const link = widget.querySelector('a'); const badge = widget.querySelector('.lia-header-nav-component-unread-count'); if (link && link.style.padding !== perfectPadding) { // Injectăm stilul "furat" din platformă link.style.setProperty('padding', perfectPadding, 'important'); link.style.setProperty('font-size', style.fontSize, 'important'); link.style.setProperty('color', style.color, 'important'); link.style.setProperty('line-height', style.lineHeight, 'important'); // Mutăm și controlăm bula if (badge && badge.parentElement === widget) { link.appendChild(badge); } } // Logica inteligentă pentru 0 (se aplică mereu, indiferent dacă s-a mutat deja) if (badge) { const count = badge.textContent.trim(); if (count === '0' || count === '') { badge.style.setProperty('display', 'none', 'important'); } else { badge.style.setProperty('display', 'inline-block', 'important'); } } }); } // 3. Activăm sincronizarea DOAR la deschiderea meniului document.addEventListener('click', (e) => { if (e.target.closest('.user-navigation-settings-dropdown-link') || e.target.closest('.UserAvatar')) { // Așteptăm 50ms pentru a-i da timp CSS-ului platformei să re-randeze starea meniului setTimeout(syncMenuStyles, 50); } }); })();

Rezultat:

Cum se instalează, am menționat aici: Cum deschidem imaginile din mesajele private, la dimensiunea originală? bonus: image gallery fixes

Spor! 🙃

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

Radutuby — Tue, 28 Jul 2026 11:14:59 GMT

Marfă, 😁. Mulțumesc, alta viață 😅

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

AndreeaAC — Wed, 29 Jul 2026 07:05:37 GMT

@Viper, mulțumim mult pentru subiectele de tip user guidance create în Comunitate! Apreciem foaaarte mult ce împărtășești cu noi și sper că sunt de folos tuturor celor care caută astfel de soluții. 🧡

LE: Pentru cei care aleg să îl folosească, merită menționat că este vorba despre un user script creat de un membru al comunității și nu despre o soluție oficială.

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

Viper — Tue, 28 Jul 2026 11:21:52 GMT

Mulțumesc și eu pentru că nu le ștergeți 🙃 N-aș vrea să le țin doar pentru mine.

Ideal ar fi ca aceste mici inconveniente să fie reparate de către cei care întrețin platforma dar până se sesizează cineva de acolo (dacă mai este cineva care întreține platforma, sperăm că da) ne descurcăm cum putem prin scripturi.

Nici nu știu unde am putea raporta aceste probleme.. nefiind un serviciu contractat.

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

AndreeaAC — Wed, 29 Jul 2026 07:02:53 GMT

@Viper, confirm că există oameni care se ocupă de platformă. Problemele de acest tip pot fi raportate aici, în Comunitate, iar noi le transmitem mai departe pentru verificare și soluționare.

Apreciem că-ți pasă și că dorești să faci experiența în Comunitate mai plăcută pentru toată lumea. 😎

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

alterego — Wed, 29 Jul 2026 08:00:51 GMT

Eu când am spus că trage într-o parte mi s-a spus că e de la mine...

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

Viper — Wed, 29 Jul 2026 08:02:26 GMT

Nu știu la ce te referi, ai menționat pe undeva problema asta?

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

alterego — Wed, 29 Jul 2026 13:36:53 GMT

e o problemă mai veche... poate am formulat-o altfel... sau oarecum ceva asemănător care rupea designul paginii... mea culpa...

Re: [Userscript] Fix pentru alinierea defectuoasă a meniului de profil pe mobil

Viper — Wed, 29 Jul 2026 13:50:50 GMT

Este o problemă cu partea de jos a paginii dar cât timp își revine cu un refresh forțat nu mă deranjează prea tare.