Update ExtensionPage Style (#1560)

This commit is contained in:
Charlie 2018-09-26 00:30:27 -07:00 committed by Toby Zerner
parent cb9cf29ab8
commit de08988c00

View File

@ -1,3 +1,5 @@
@extension-list-column-width: 410px;
.ExtensionsPage-header { .ExtensionsPage-header {
padding: 20px 0; padding: 20px 0;
background: @control-bg; background: @control-bg;
@ -18,12 +20,15 @@
} }
.ExtensionList { .ExtensionList {
columns: 3;
column-width: @extension-list-column-width;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
.clearfix(); .clearfix();
> li { > li {
break-inside: avoid-column;
text-align: left; text-align: left;
position: relative; position: relative;
border-radius: 4px; border-radius: 4px;
@ -96,3 +101,13 @@
margin-left: -50px; margin-left: -50px;
position: absolute; position: absolute;
} }
@media (max-width: @extension-list-column-width) {
.ExtensionListItem-description {
display: none;
}
.ExtensionListItem-version {
display: block;
margin-top: 8px;
}
}