public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

Fix layout at RealtimeNotification

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-09-22 22:56:32 +09:00
parent c762b9ae00
commit 9861fbf7c8
4 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/components/RealtimeNotification.js
View File

@@ -37,7 +37,7 @@ class RealtimeNotification extends React.Component {
render () {
const { notifications } = this.state
const link = notifications.length > 0
? <a href={notifications[0].linkUrl}
? <a styleName='notification-link' href={notifications[0].linkUrl}
onClick={(e) => this.handleLinkClick(e)}
>
{notifications[0].text}
@@ -45,7 +45,7 @@ class RealtimeNotification extends React.Component {
: ''
return (
<div>{link}</div>
<div styleName='notification-area'>{link}</div>
)
}
}

22
browser/components/RealtimeNotification.styl
View File

@@ -1,2 +1,20 @@
.realtime-notification
font-size 1em
.notification-area
z-index 1000
font-size 12px
position absolute
bottom 0px
background-color #1E2124
width 100vw
height 30px
text-align center
.notification-link
text-decoration none
color #fff
border 1px solid #5CB85C
background-color alpha(#5CB85C, 0.3)
padding 3px 9px
border-radius 2px
position absolute
bottom 4px
margin-left -10%