github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-08 05:55:16 +08:00
Code Issues Actions 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" <a className="NotificationGroup-header"
href={app.route.discussion(group.discussion)} href={app.route.discussion(group.discussion)}
config={m.route}> 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()} {group.discussion.title()}
</a> </a>
) : ( ) : (

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

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

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

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