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

Fix notification list appearance

Browse Source
This commit is contained in:
Toby Zerner 2015-07-23 14:32:21 +09:30
parent f9c999624f
commit 9dc2616f55
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
framework/core/js/forum/src/components/NotificationList.js
View File

@ -79,7 +79,7 @@ export default class NotificationList extends Component {
<a className="NotificationGroup-header"
href={app.route.discussion(group.discussion)}
config={m.route}>
{badges && badges.length ? <ul className="NotificationGroup-badges">{listItems(badges)}</ul> : ''}
{badges && badges.length ? <ul className="NotificationGroup-badges badges">{listItems(badges)}</ul> : ''}
{group.discussion.title()}
</a>
) : (

8
framework/core/less/forum/NotificationList.less
View File

@ -64,7 +64,7 @@
margin-right: 18px;
vertical-align: 1px;
.badge {
.Badge {
margin-right: -13px;
position: relative;
.Badge--size(21px);
@ -115,7 +115,7 @@
}
}
.drawerToggle.unreadNotifications {
.Navigation-drawer.unreadNotifications {
position: relative;
&:after {
@ -123,8 +123,8 @@
display: block;
position: absolute;
background: @primary-color;
top: 8px;
right: 6px;
top: 10px;
right: 10px;
width: 14px;
height: 14px;
border-radius: 7px;

1
framework/core/less/lib/App.less
View File

@ -49,6 +49,7 @@
height: @header-height-phone;
width: auto;
padding: 13px !important;
margin: 0 !important;
&:active {
opacity: 0.5;