From 9f230210e2dfebd1dcd62118307739f23acecc36 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Nov 2019 10:03:47 +0200 Subject: [PATCH] Create 3rd and 4th columns depending on window size --- content/two_column_html_addons.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/content/two_column_html_addons.css b/content/two_column_html_addons.css index 85a7e47..94c6e72 100644 --- a/content/two_column_html_addons.css +++ b/content/two_column_html_addons.css @@ -1,4 +1,4 @@ -/* Two column addons for html addons manager available in Firefox 68 */ +/* Multi-column addons for html addons manager available in Firefox 68 */ /* You can use compact_addons_manager.css with this to make things even more, well, compact */ /* Compatible with addon_manage_buttons_without_popup.css */ @@ -29,4 +29,21 @@ } addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } } + + @media (min-width:1220px){ + addon-list > section, + recommended-addon-list{ + grid-template-areas: "hd hd hd" "cd cd cd"; + grid-template-columns: 1fr 1fr 1fr; + } + } + + @media (min-width:1720px){ + addon-list > section, + recommended-addon-list{ + grid-template-areas: "hd hd hd hd" "cd cd cd cd"; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + } + } \ No newline at end of file