-
-
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{