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 */
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in a new issue