diff --git a/browser/main/Components/PlanetHeader.jsx b/browser/main/Components/PlanetHeader.jsx index 57753493..5be16adb 100644 --- a/browser/main/Components/PlanetHeader.jsx +++ b/browser/main/Components/PlanetHeader.jsx @@ -37,7 +37,15 @@ module.exports = React.createClass({
{currentUserName}
{currentPlanetName} -
diff --git a/browser/styles/main/containers/PlanetContainer.styl b/browser/styles/main/containers/PlanetContainer.styl index 41715ec2..d98f0c3b 100644 --- a/browser/styles/main/containers/PlanetContainer.styl +++ b/browser/styles/main/containers/PlanetContainer.styl @@ -51,6 +51,35 @@ articleListWidth= 275px white-space nowrap &:hover color darken(brandBorderColor, 30%) + .private + position absolute + top 12px + right 38px + width 33px + height 33px + line-height 33px + text-align center + color inactiveColor + &:hover + color textColor + .privateTooltip + position fixed + z-index popupZIndex + background-color transparentify(invBackgroundColor, 80%) + color invTextColor + padding 10px + font-size 0.9em + line-height 0.9em + border-radius 5px + white-space nowrap + opacity 0 + transition 0.1s + pointer-events none + margin-left -30px + &:hover .privateTooltip + opacity 1 + + .menuBtn position absolute top 12px diff --git a/browser/styles/main/containers/UserContainer.styl b/browser/styles/main/containers/UserContainer.styl index db8d12fa..6a076ca0 100644 --- a/browser/styles/main/containers/UserContainer.styl +++ b/browser/styles/main/containers/UserContainer.styl @@ -126,7 +126,7 @@ background-color white .planetTooltip position absolute - z-index 500 + z-index popupZIndex background-color transparentify(invBackgroundColor, 80%) color invTextColor padding 10px