f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 01:22:44 +00:00
Code Wiki Activity

Add Last Updated field and nudge styling

Browse Source
This commit is contained in:
G.Ambatte
2023-03-15 11:46:27 +13:00
parent a3f93c2602
commit 1126481d53
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/homebrew/navbar/metadata.navitem.jsx
View File

@@ -1,6 +1,7 @@
const React = require('react'); const React = require('react');
const createClass = require('create-react-class'); const createClass = require('create-react-class');
const _ = require('lodash'); const _ = require('lodash');
const Moment = require('moment');
const Nav = require('naturalcrit/nav/nav.jsx'); const Nav = require('naturalcrit/nav/nav.jsx');
@@ -54,6 +55,8 @@ const MetadataNav = createClass({
<p>{this.getTags()}</p> <p>{this.getTags()}</p>
<h4>Systems</h4> <h4>Systems</h4>
<p>{this.getSystems()}</p> <p>{this.getSystems()}</p>
<h4>Last Updated</h4>
<p>{Moment(this.props.brew.updatedAt).fromNow()}</p>
</div>; </div>;
}, },

6
client/homebrew/navbar/navbar.less
View File

@@ -175,9 +175,9 @@
} }
.dropdown{ .dropdown{
position : absolute; position : absolute;
top : 28px; top : 18px;
left : 0px; left : 0px;
z-index : 10000; z-index : -1;
width : 100%; width : 100%;
max-height : ~"calc(100vh - 28px)"; max-height : ~"calc(100vh - 28px)";
background-color : #333; background-color : #333;
@@ -185,7 +185,7 @@
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
align-content: baseline; align-content: baseline;
padding: 0px 10px; padding: 10px 10px 0px;
border-radius: 5px; border-radius: 5px;
h4{ h4{
display: block; display: block;

1
client/homebrew/pages/sharePage/sharePage.less
View File

@@ -2,6 +2,7 @@
.navContent .navSection.titleSection { .navContent .navSection.titleSection {
flex-grow: 1; flex-grow: 1;
justify-content: center; justify-content: center;
z-index: 2;
} }
.content{ .content{
overflow-y : hidden; overflow-y : hidden;