diff --git a/client/homebrew/navbar/metadata.navitem.jsx b/client/homebrew/navbar/metadata.navitem.jsx index 746f6b88a..2389daa1f 100644 --- a/client/homebrew/navbar/metadata.navitem.jsx +++ b/client/homebrew/navbar/metadata.navitem.jsx @@ -50,28 +50,26 @@ const MetadataNav = createClass({ renderMetaWindow : function(){ if(!this.state.showMetaWindow) return null; - return
-
-
-

Description

-

{this.props.brew.description || 'No description.'}

-
-
-

Authors

-

{this.getAuthors()}

-
-
-

Tags

-

{this.getTags()}

-
-
-

Systems

-

{this.getSystems()}

-
-
-

Last Updated

-

{Moment(this.props.brew.updatedAt).fromNow()}

-
+ return
+
+

Description

+

{this.props.brew.description || 'No description.'}

+
+
+

Authors

+

{this.getAuthors()}

+
+
+

Tags

+

{this.getTags()}

+
+
+

Systems

+

{this.getSystems()}

+
+
+

Updated

+

{Moment(this.props.brew.updatedAt).fromNow()}

; }, diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less index 831c25a89..8b9bfd359 100644 --- a/client/homebrew/navbar/navbar.less +++ b/client/homebrew/navbar/navbar.less @@ -175,59 +175,60 @@ i{ margin-right: 10px; } - .windowWrapper{ - position: fixed; - top: 18px; - left: 0px; - width: calc(100vw - 30px); - z-index: -1; - .window{ - max-width : 764px; - width : 80%; - min-width : 380px; - max-height : ~"calc(100vh - 28px)"; - background-color : #333; - display: flex; - flex-flow: row wrap; - justify-content: flex-start; - align-content: baseline; - padding: 10px 10px 0px; - border-radius: 5px; - margin: 0 auto; - .row{ - display : flex; - flex-flow : row wrap; - width : 100%; - h4{ - display : block; - box-sizing : border-box; - padding : 5px 0px; - color : #bbb; - text-align : center; - border-top : 1px solid #888; - flex-basis : 20%; - flex-grow : 1; - min-width : 76px; - } - p{ - font-family : 'Open Sans', sans-serif; - font-size : 10px; - font-weight : normal; - text-transform : initial; - padding : 5px 0; - flex-basis : 80%; - flex-grow : 1; - border-top : 1px solid #888; - .tag{ - border: 2px solid grey; - padding: 2px; - margin: -2px 2px; - display: inline-block; - border-radius: 5px; - } + // .windowWrapper{ + // position: fixed; + // top: 18px; + // left: 0px; + // width: calc(100vw - 30px); + // z-index: -1; + .window{ + position: absolute; + top: 100%; + width: 80%; + left: 10%; + max-height : ~"calc(100vh - 28px)"; + background-color : #333; + display: flex; + flex-flow: row wrap; + justify-content: flex-start; + align-content: baseline; + padding: 0px 10px; + border-radius: 0 0 5px 5px; + margin: 0 auto; + .row{ + display : flex; + flex-flow : row wrap; + width : 100%; + h4{ + display : block; + box-sizing : border-box; + padding : 5px 0px; + color : #bbb; + text-align : center; + border-top : 1px solid #888; + flex-basis : 20%; + flex-grow : 1; + min-width : 76px; + } + p{ + font-family : 'Open Sans', sans-serif; + font-size : 10px; + font-weight : normal; + text-transform : initial; + padding : 5px 0; + flex-basis : 80%; + flex-grow : 1; + border-top : 1px solid #888; + .tag{ + border: 2px solid grey; + padding: 2px; + margin: -2px 2px; + display: inline-block; + border-radius: 5px; } } } + // } } } .warning.navItem{