firefox-quantum

Firefox 57 / Quantum: emulate print styles

老子叫甜甜 提交于 2019-12-18 08:26:34
问题 How can I emulate the media type "print" in the new Firefox Quantum dev console? Tried to enable it somehow and searched the documentation but couldn't find any hints! 回答1: I thought it's impossible. But suddenly have found answer in another topic: press Shift + F2 to get special browser console type "media emulate print" hit "Enter" That's it. [UPD] this console has gone starting from v62. There are tiny chances to get this feature back according to https://discourse.mozilla.org/t/how-to

Firefox 57 / Quantum: emulate print styles

江枫思渺然 提交于 2019-12-18 08:24:41
问题 How can I emulate the media type "print" in the new Firefox Quantum dev console? Tried to enable it somehow and searched the documentation but couldn't find any hints! 回答1: I thought it's impossible. But suddenly have found answer in another topic: press Shift + F2 to get special browser console type "media emulate print" hit "Enter" That's it. [UPD] this console has gone starting from v62. There are tiny chances to get this feature back according to https://discourse.mozilla.org/t/how-to

Right floated element disappears when using columns in Firefox

折月煮酒 提交于 2019-12-10 17:47:51
问题 I am using an ol element with column-count and column-gap properties to display the list in 2 columns. Each list item has a span element floated right, which does not get displayed for some items such as 3 and 4 in the image below. Firefox column floated right issue image .list { column-count: 2; column-gap:60px; } .close { float: right; } <ol class="list"> <li>Test 1 <span class="close">×</span> </li> <li>Test 2 <span class="close">×</span> </li> <li>Test 3 <span class="close">×</span> </li>

Conditional CSS rule targeting Firefox Quantum

☆樱花仙子☆ 提交于 2019-11-28 13:51:15
We are having issues targeting Firefox Quantum when it comes to CSS. We know that the following: @-moz-document url-prefix() { .my-style{ } } ...will target all Firefox browsers, but we just want to target Firefox Quantum, since there are some differences between Firefox Quantum and older versions of Firefox when it comes to CSS interpretation. Does anyone know how to do that? Perusing the release notes for Fx Quantum 57, specifically Quantum CSS notes , a number of differences between Gecko and Stylo are listed, and a few hacks come to mind. Here's one: In Quantum CSS, calc() is supported

Conditional CSS rule targeting Firefox Quantum

那年仲夏 提交于 2019-11-27 07:56:48
问题 We are having issues targeting Firefox Quantum when it comes to CSS. We know that the following: @-moz-document url-prefix() { .my-style{ } } ...will target all Firefox browsers, but we just want to target Firefox Quantum, since there are some differences between Firefox Quantum and older versions of Firefox when it comes to CSS interpretation. Does anyone know how to do that? 回答1: Perusing the release notes for Fx Quantum 57, specifically Quantum CSS notes, a number of differences between