Create 3rd and 4th columns depending on window size
This commit is contained in:
parent
3908ea60f8
commit
9f230210e2
1 changed files with 18 additions and 1 deletions
|
@ -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 */
|
/* You can use compact_addons_manager.css with this to make things even more, well, compact */
|
||||||
/* Compatible with addon_manage_buttons_without_popup.css */
|
/* Compatible with addon_manage_buttons_without_popup.css */
|
||||||
|
|
||||||
|
@ -29,4 +29,21 @@
|
||||||
}
|
}
|
||||||
addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; }
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
Loading…
Reference in a new issue