github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-01-27 12:41:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: Minor Readme CSS code tidy up (#3138)

Browse Source
This commit is contained in:
Sami Mazouz 2021-10-29 19:31:15 +01:00 committed by GitHub
parent a4499678d9
commit 47a800e724
6 changed files with 21 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
framework/core/js/src/admin/components/ExtensionPage.js
View File

@ -203,7 +203,7 @@ export default class ExtensionPage extends AdminPage {
Button.component( Button.component(
{ {
icon: 'fab fa-readme', icon: 'fab fa-readme',
class: 'Readme-link', class: 'Button Button--text',
onclick() { onclick() {
app.modal.show(ReadmeModal, { extension }); app.modal.show(ReadmeModal, { extension });
}, },

4
framework/core/js/src/admin/components/ReadmeModal.js
View File

@ -19,7 +19,7 @@ export default class ReadmeModal extends Modal {
} }
className() { className() {
return 'ReadmeModal Modal--large'; return 'ReadmeModal Modal--large Modal--inverted';
} }
title() { title() {
@ -32,7 +32,7 @@ export default class ReadmeModal extends Modal {
const text = app.translator.trans('core.admin.extension.readme.no_readme'); const text = app.translator.trans('core.admin.extension.readme.no_readme');
return ( return (
<div className="container"> <div className="Modal-body">
{this.loading ? ( {this.loading ? (
<div className="ReadmeModal-loading">{LoadingIndicator.component()}</div> <div className="ReadmeModal-loading">{LoadingIndicator.component()}</div>
) : ( ) : (

1
framework/core/less/admin.less
View File

@ -11,5 +11,4 @@
@import "admin/AppearancePage"; @import "admin/AppearancePage";
@import "admin/MailPage"; @import "admin/MailPage";
@import "admin/NoJs"; @import "admin/NoJs";
@import "admin/ReadmeModal";
@import "admin/UsersListPage"; @import "admin/UsersListPage";

23
framework/core/less/admin/ExtensionPage.less
View File

@ -150,19 +150,12 @@
margin-left: 8px; margin-left: 8px;
} }
.Readme-link {
background: none;
border: none;
cursor: pointer;
color: @muted-color;
}
.ReadmeModal { .ReadmeModal {
.Modal-header { .Placeholder {
background: @control-bg; margin-bottom: 40px;
color: @muted-color }
}
img { img {
max-width: 100%; max-width: 100%;
} }
} }

5
framework/core/less/admin/ReadmeModal.less
View File

@ -1,5 +0,0 @@
.ReadmeModal {
.Placeholder {
margin-bottom: 40px;
}
}

10
framework/core/less/common/Modal.less
View File

@ -134,6 +134,16 @@
} }
} }
.Modal--inverted {
.Modal-header {
background-color: @control-bg;
color: @control-color;
}
.Modal-body {
background-color: transparent;
color: unset;
}
}
@media @phone { @media @phone {
.ModalManager.fade { .ModalManager.fade {