Remover linha que aparece sobre links selecionados com o mouse



  • Gostaria de uma ajudinha sobre essa linha que aparece quando passamos o mouse sobre alguns links com texto. Acho isso meio chato aparecer ao invés de apenas o padrão mesmo. Teria como remover isso? Algum atalho, combinação de teclas?

    0_1533476898600_Captura 08-05-18 at 10.42 AM.PNG


  • Moderator

    @tchelows Não sei. Veja como pessoal da categoria Modifications.



  • If you use stylus extension, something like a:link {text-decoration: none !important;} may work.


  • Moderator

    É uma escolha do estilo da página (CSS), a página usa text-decoration: underline.

    Você precisará criar um "UserStyle" ou um "UserScript" que carrega um CSS para sobrescrever isso. O código abaixo é uma extensão que faz isso: Use esta versão e não o que está abaixo.

    script.js:

    (function (){
    	var observer = new MutationObserver(function (changes) {
    		changes.forEach(function (chg) {
    			chg.addedNodes.forEach(function (element) {
    				if (element.tagName === "HEAD") {
    					var asnode = document.createElement("style");
    					asnode.type = "text/css";
    					asnode.appendChild(document.createTextNode(
    						"a:hover {\
    							text-decoration: none !important;\
    						}"
    					));
    					document.head.appendChild(asnode);
    					// mutation observer no longer needed
    					observer.disconnect();
    				}
    			});
    		});
    	});
    
    	// starts the mutation observer
    	observer.observe(document, {childList: true, subtree: true});
    })();
    

    manifest.json:

    {
       "name": "Google Links Underline is Gone",
       "version": "1.0",
       "author": {
          "name": "André Zanghelini (An_dz)",
          "url": "https://github.com/An-dz"
       },
       "description": "Removes the underline when hovering links in Google.",
       "homepage_url": "https://github.com/An-dz",
       "content_scripts": [ {
          "exclude_matches": [  ],
          "js": [ "script.js" ],
          "matches": [ "http://www.google.com*", "https://www.google.com*" ],
          "run_at": "document_start"
       } ],
       "manifest_version": 2
    }
    

  • Moderator

    @an_dz Excelente.



  • Hmm, interessante. Mas tem que fazer isso em todas as paginas que usam essa linha nos links ou apenas um script basta? no outro post em inglês me indicaram uma extensao mais um comando.


  • Moderator

    A sua pergunta fica para o André.
    Faço pouco uso de CSS/JS na UI. Veja os ícones, que parei de usar, é um CSS.

    Edited:
    Antonin Kavalec, ele quem criou tudo nesse Vivaldi:)


  • Moderator

    @tchelows A minha extensão acima só deve funcionar no Google devido à seguinte linha:

    "matches": [ "http://www.google.com*", "https://www.google.com*" ],
    

    Para fazer o CSS aplicar em todos os sites que existam basta trocá-la por:

    "matches": [ "*" ],
    

    A linha é um estilo aplicado pelo CSS da página, o CSS é criado pelo criador da página, o que a extensão faz é tentar forçar esse outro estilo extra sobre o da página.

    Por isso não é 100%, depende muito da forma que a página é montada. Pode tanto não funcionar em alguns poucos casos como pode até causar problemas em outros casos mais raros.


  • Moderator

    @an_dz æ:) Vale uma única requisição? Sem "title bar" -
    O *.css que fica em style



  • Entendi @An_dz! No caso só por esse método que é possivel pois isso é da estrutura de cada pagina. Nao há alguma combinação de teclas ou algo parecido como ha com recurso parecido mas que nao faz isso em outro navegador de raposa por aí.

    Se sim, vou tentar esse método e fico grato pela ajuda! 😉


  • Moderator

    @tchelows É de cada página, e o único navegador que oferecia algo para modificar isso era o Opera Presto, que no caso permitia você adicionar um CSS em todas as páginas sem precisar de extensão, mas ainda era um CSS injetado como a extensão que eu postei faz.

    Existem extensões especiais para isso, porém todas elas criam um processo que fica rodando com o navegador, a extensão acima só executa quando carrega a página.


  • Moderator

    Marcado como resolvido


  • Moderator


  • Moderator

    Acabei de lembrar que nesse caso a extensão pode ser mais muito mais simples e otimizada:

    style.css:

    a:hover {
        text-decoration: none !important;
    }
    

    manifest.json:

    {
       "name": "Links Underline is Gone",
       "version": "1.0",
       "author": {
          "name": "André Zanghelini (An_dz)",
          "url": "https://github.com/An-dz"
       },
       "description": "Removes the underline when hovering links in all sites.",
       "homepage_url": "https://github.com/An-dz",
       "content_scripts": [ {
          "exclude_matches": [  ],
          "css": [ "style.js" ],
          "matches": [ "*" ],
          "run_at": "document_start"
       } ],
       "manifest_version": 2
    }
    

 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.