mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-09 11:03:06 +02:00
Code Issues Releases Wiki Activity

Remove ExtensionPage CSS over-specification (#2792)

Browse Source
This commit is contained in:
Sami Mazouz
2021-04-29 16:31:37 +01:00
committed by GitHub
parent deadd67691
commit 40b47de9e1
2 changed files with 44 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
less/admin/AdminHeader.less
View File

@ -9,7 +9,7 @@
color: @muted-color;
}
.AdminHeader-description {
&-description {
margin: 0;
color: @control-color;
}

154
less/admin/ExtensionPage.less
View File

@ -1,6 +1,6 @@
.ExtensionPage {
.ExtensionPage-header {
&-header {
.ExtensionTitle {
display: flex;
align-items: center;
@ -17,10 +17,28 @@
margin: 0;
vertical-align: middle;
}
&Items {
padding: 15px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
.Checkbox {
margin: 5px 0 0 0;
display: inline-block;
}
.ExtensionPage-header,
.ExtensionPage-permissions-header {
.Checkbox.off {
.Checkbox-display {
background: @muted-more-color;
}
}
}
}
&-header,
&-permissions-header {
background: @control-bg;
h2 {
@ -60,21 +78,65 @@
}
}
.ExtensionPage-headerItems {
padding: 15px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
.ExtensionIcon {
width: 30px;
height: 30px;
font-size: 15px;
margin-left: 0;
vertical-align: middle;
}
.Checkbox {
margin: 5px 0 0 0;
display: inline-block;
&TopItems {
margin-left: auto;
}
@media (max-width: @screen-phone-max) {
&TopItems {
float: right;
position: relative;
}
.item-website, .item-source, .item-documentation {
display: none;
}
}
}
.Checkbox.off {
.Checkbox-display {
background: @muted-more-color;
&-settings, &-permissions {
.ExtensionPage-subHeader {
margin: 5px 0px;
}
}
&-settings {
margin-top: 20px;
padding: 10px 0;
input {
max-width: 400px;
}
}
&-subHeader {
color: @muted-color;
font-weight: normal;
}
&-permissions {
.PermissionGrid-removeScope {
display: none;
}
> .container {
overflow-x: auto;
padding-bottom: 25vh;
}
&-header {
margin: 20px 0 20px;
padding: 5px 0;
}
}
}
@ -88,71 +150,7 @@
}
}
.ExtensionName {
display: inline-block;
margin-left: 8px;
}
.ExtensionIcon {
width: 30px;
height: 30px;
font-size: 15px;
margin-left: 0;
vertical-align: middle;
}
.ExtensionPage-headerTopItems {
margin-left: auto;
}
@media (max-width: @screen-phone-max) {
.ExtensionPage-headerTopItems {
float: right;
position: relative;
}
.item-website, .item-source, .item-documentation {
display: none;
}
}
}
.ExtensionPage-settings, .ExtensionPage-permissions {
.ExtensionPage-subHeader {
margin: 5px 0px;
}
}
.ExtensionPage-settings {
margin-top: 20px;
padding: 10px 0;
input {
max-width: 400px;
}
}
.ExtensionPage-subHeader {
color: @muted-color;
font-weight: normal;
}
.ExtensionPage-permissions {
.PermissionGrid-removeScope {
display: none;
}
> .container {
overflow-x: auto;
padding-bottom: 25vh;
}
.ExtensionPage-permissions-header {
margin: 20px 0 20px;
padding: 5px 0;
}
}
}