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; color: @muted-color;
} }
.AdminHeader-description { &-description {
margin: 0; margin: 0;
color: @control-color; color: @control-color;
} }

154
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,21 +78,65 @@
} }
} }
.ExtensionPage-headerItems { .ExtensionIcon {
padding: 15px 0; width: 30px;
display: flex; height: 30px;
align-items: center; font-size: 15px;
flex-wrap: wrap; margin-left: 0;
vertical-align: middle;
}
.Checkbox { &TopItems {
margin: 5px 0 0 0; margin-left: auto;
display: inline-block; }
@media (max-width: @screen-phone-max) {
&TopItems {
float: right;
position: relative;
}
.item-website, .item-source, .item-documentation {
display: none;
}
} }
} }
.Checkbox.off { &-settings, &-permissions {
.Checkbox-display { .ExtensionPage-subHeader {
background: @muted-more-color; 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 { .ExtensionName {
display: inline-block; display: inline-block;
margin-left: 8px; 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;
}
}
}