f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-14 15:03:07 +00:00
Code Wiki Activity

Extra classes were needed for .recent and .save

Browse Source 
.save has special styling for the "on" button.

.recent has special styling for the dividers between Edited and Viewed
This commit is contained in:
Trevor Buckner
2024-03-06 15:32:38 -05:00
parent f172d02920
commit 58422569c9
4 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -271,6 +271,7 @@
position : relative; position : relative;
box-sizing : border-box; box-sizing : border-box;
display : block; display : block;
max-width : 15em;
max-height : ~'calc(100vh - 28px)'; max-height : ~'calc(100vh - 28px)';
padding : 8px 5px 13px; padding : 8px 5px 13px;
overflow : hidden auto; overflow : hidden auto;

2
client/homebrew/navbar/recent.navitem.jsx
View File

@@ -165,7 +165,7 @@ const RecentItems = createClass({
}, },
render : function(){ render : function(){
return <Nav.dropdown> return <Nav.dropdown className='recent'>
<Nav.item icon='fas fa-history' color='grey' > <Nav.item icon='fas fa-history' color='grey' >
{this.props.text} {this.props.text}
</Nav.item> </Nav.item>

2
client/homebrew/pages/editPage/editPage.jsx
View File

@@ -355,7 +355,7 @@ const EditPage = createClass({
{this.renderGoogleDriveIcon()} {this.renderGoogleDriveIcon()}
{this.state.error ? {this.state.error ?
<ErrorNavItem error={this.state.error} parent={this}></ErrorNavItem> : <ErrorNavItem error={this.state.error} parent={this}></ErrorNavItem> :
<Nav.dropdown> <Nav.dropdown className='save-menu'>
{this.renderSaveButton()} {this.renderSaveButton()}
{this.renderAutoSaveButton()} {this.renderAutoSaveButton()}
</Nav.dropdown> </Nav.dropdown>

2
shared/naturalcrit/nav/nav.jsx
View File

@@ -104,7 +104,7 @@ const Nav = {
}); });
return ( return (
<div className={`navDropdownContainer ${props.className? props.className : ""}`} <div className={`navDropdownContainer ${props.className ?? ''}`}
ref={myRef} ref={myRef}
onMouseEnter = { props.trigger.includes('hover') ? ()=>handleDropdown(true) : undefined } onMouseEnter = { props.trigger.includes('hover') ? ()=>handleDropdown(true) : undefined }
onMouseLeave = { props.trigger.includes('hover') ? ()=>handleDropdown(false) : undefined } onMouseLeave = { props.trigger.includes('hover') ? ()=>handleDropdown(false) : undefined }