Add different rules for Firefox below 66

This commit is contained in:
MrOtherGuy 2019-03-01 21:51:26 +02:00
parent 9f55296408
commit 9e1c02f7be

View file

@ -2,16 +2,28 @@
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("about:addons"){ @-moz-document url("about:addons"){
#addon-list{ /* Test for Firefox > 66 */
display: grid; @supports (inset-block:auto){
grid-template-areas: "a a"; #addon-list{
grid-template-columns: 1fr 1fr; display: grid;
grid-auto-rows: min-content; grid-template-areas: "a a";
grid-template-columns: 1fr 1fr;
grid-auto-rows: min-content;
}
}
/* Test for Firefox < 66 */
@supports not (inset-block:auto){
#addon-list > scrollbox > .scrollbox-innerbox{
display: grid;
grid-template-areas: "a a";
grid-template-columns: 1fr 1fr;
grid-auto-rows: min-content;
}
} }
.control-container{ display: flex; } .control-container{ display: flex; }
.addon-control{ margin: 3px } .addon-control{ margin: 3px }
.addon.card{ padding-bottom: 0px !important; padding-top: 0px !important } .addon.card{ padding-bottom: 0px !important; padding-top: 0px !important }
.addon.card > .content-container { display: flex; } .addon.card > .content-container { display: flex; }
.content-inner-container{ flex-grow: 1; } .content-inner-container{ flex-grow: 1; }
.content-inner-container > hbox{ display: block } .content-inner-container > hbox{ display: block }
.icon{ min-width: 24px } .icon{ min-width: 24px }