Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Learn More

Pop-up Window Blocked Notification Message CSS styling

  • 3 respostas
  • 0 têm este problema
  • 35 visualizações
  • Última resposta por cor-el

more options

I noticed that after the recent updates, the pop-up notification for blocked pop-ups has changed from yellow to white.. This makes it very difficult to see and I almost missed it. Is there a way to revert this change using userChrome.css?

I don't understand why this unnecessary change was made. I already have my own userChrome style for the entire Firefox because it was frustrating to constantly change it back after each update.

I would appreciate any information on how to revert this change.

Thanks.

I noticed that after the recent updates, the pop-up notification for blocked pop-ups has changed from yellow to white.. This makes it very difficult to see and I almost missed it. Is there a way to revert this change using userChrome.css? I don't understand why this unnecessary change was made. I already have my own userChrome style for the entire Firefox because it was frustrating to constantly change it back after each update. I would appreciate any information on how to revert this change. Thanks.
Capturas de ecrã anexadas

Todas as respostas (3)

more options

Add CSS code to the userChrome.css file in the chrome folder in the Firefox profile folder, best is probably above a possible @namespace line.


notification-message[message-bar-type="infobar"]{
 background: #ffe900 !important;
 color: #0c0c0d !important;
}

Útil?

more options

Your code didn't help me directly, but thanks to its content I found other examples and it took me a while to put it all together and test it. It's nothing fancy, but it looks better already.

.infobar {

 background: #ffe423 !important;
 color: #0c0c0d !important;
 border-radius: 4px !important;
 /*border: none !important;*/
 padding: 5px 8px !important;
 margin: 0 !important;

}

.container.infobar::before {

 /*display: none !important;*/
 content: "" !important;
 display: block !important;
 width: 3px !important;
 position: absolute !important;
 background: #000000 !important;
 top: 0 !important;
 inset-inline-start: 0 !important;
 height: 100% !important;
 border-start-start-radius: 4px !important;
 border-end-start-radius: 4px !important;

}

.infobar > .icon {

 margin-block:  var(--infobar-vertical-margin, 11px) !important;

}

.notification-message {

 padding-block: var(--infobar-vertical-margin, 2px) !important;
 font-size: 13px !important;

}

.notification-button-container > .notification-button {

 margin-block: var(--infobar-button-vertical-margin, 6px) !important;
 background: #ffffff !important;
 border: 1px solid #ffffff !important;

}

.notification-button-container > .notification-button:hover {

 border: 1px solid #dadada !important;
 background: #f7f7f7 !important;

}

.notification-close {

 margin: var(--infobar-button-vertical-margin, 4px) 8px !important;

}

Útil?

more options

Sorry about the mix up for posting CSS code from Firefox 78 when trying to find the yellow color used in that version.

I meant to post this code for 115:

notification-message{background: #ffe900 !important; color: #0c0c0d !important;}

Útil?

Colocar questão

Deve iniciar a sessão com a sua conta para responder às mensagens. Por favor, comece uma nova pergunta, se ainda não tiver uma conta.