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