mirror of
https://github.com/flarum/framework.git
synced 2024-12-11 21:43:38 +08:00
Update ExtensionPage Style (#1560)
This commit is contained in:
parent
cb9cf29ab8
commit
de08988c00
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user