mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-07-09 19:06:23 +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; color: @muted-color;
} }
.AdminHeader-description { &-description {
margin: 0; margin: 0;
color: @control-color; color: @control-color;
} }

88
less/admin/ExtensionPage.less
View File

@ -1,6 +1,6 @@
.ExtensionPage { .ExtensionPage {
.ExtensionPage-header { &-header {
.ExtensionTitle { .ExtensionTitle {
display: flex; display: flex;
align-items: center; align-items: center;
@ -17,10 +17,28 @@
margin: 0; margin: 0;
vertical-align: middle; 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, .Checkbox.off {
.ExtensionPage-permissions-header { .Checkbox-display {
background: @muted-more-color;
}
}
}
}
&-header,
&-permissions-header {
background: @control-bg; background: @control-bg;
h2 { h2 {
@ -60,40 +78,6 @@
} }
} }
.ExtensionPage-headerItems {
padding: 15px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
.Checkbox {
margin: 5px 0 0 0;
display: inline-block;
}
}
.Checkbox.off {
.Checkbox-display {
background: @muted-more-color;
}
}
.ExtensionInfo {
margin-left: auto;
.item-authors {
a {
color: @muted-color;
}
}
}
.ExtensionName {
display: inline-block;
margin-left: 8px;
}
.ExtensionIcon { .ExtensionIcon {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -102,12 +86,12 @@
vertical-align: middle; vertical-align: middle;
} }
.ExtensionPage-headerTopItems { &TopItems {
margin-left: auto; margin-left: auto;
} }
@media (max-width: @screen-phone-max) { @media (max-width: @screen-phone-max) {
.ExtensionPage-headerTopItems { &TopItems {
float: right; float: right;
position: relative; position: relative;
} }
@ -118,13 +102,13 @@
} }
} }
.ExtensionPage-settings, .ExtensionPage-permissions { &-settings, &-permissions {
.ExtensionPage-subHeader { .ExtensionPage-subHeader {
margin: 5px 0px; margin: 5px 0px;
} }
} }
.ExtensionPage-settings { &-settings {
margin-top: 20px; margin-top: 20px;
padding: 10px 0; padding: 10px 0;
@ -133,13 +117,12 @@
} }
} }
.ExtensionPage-subHeader { &-subHeader {
color: @muted-color; color: @muted-color;
font-weight: normal; font-weight: normal;
} }
&-permissions {
.ExtensionPage-permissions {
.PermissionGrid-removeScope { .PermissionGrid-removeScope {
display: none; display: none;
@ -150,9 +133,24 @@
padding-bottom: 25vh; padding-bottom: 25vh;
} }
.ExtensionPage-permissions-header { &-header {
margin: 20px 0 20px; margin: 20px 0 20px;
padding: 5px 0; padding: 5px 0;
} }
} }
} }
.ExtensionInfo {
margin-left: auto;
.item-authors {
a {
color: @muted-color;
}
}
}
.ExtensionName {
display: inline-block;
margin-left: 8px;
}