f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-18 10:02:49 +00:00
Code Wiki Activity

Merge pull request #3291 from 5e-Cleric/nav-fixes

Browse Source 
Small navigation fixes
This commit is contained in:
Trevor Buckner
2024-03-06 15:39:45 -05:00
committed by GitHub
parent a74b556188 58422569c9
commit d129fc14c1
2 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -240,18 +240,23 @@
.navDropdownContainer { .navDropdownContainer {
position : relative; position : relative;
.navDropdown { .navDropdown {
position : absolute; position: absolute;
top : 28px; top: 28px;
left : 0px; right: 0px;
z-index : 10000; z-index: 10000;
width : 100%; width: max-content;
max-height : calc(100vh - 28px); min-width:100%;
overflow : hidden auto; max-height: calc(100vh - 28px);
overflow: hidden auto;
display: flex;
flex-direction: column;
align-items: flex-end;
.navItem { .navItem {
position : relative; position : relative;
display : block; display : flex;
justify-content : space-between;
align-items : center;
width : 100%; width : 100%;
padding : 8px 5px;
border : 1px solid #888888; border : 1px solid #888888;
border-bottom : 0; border-bottom : 0;
animation-name : glideDropDown; animation-name : glideDropDown;
@@ -266,7 +271,8 @@
position : relative; position : relative;
box-sizing : border-box; box-sizing : border-box;
display : block; display : block;
max-height : ~'calc(100vh - 28px)'; max-width : 15em;
max-height : ~'calc(100vh - 28px)';
padding : 8px 5px 13px; padding : 8px 5px 13px;
overflow : hidden auto; overflow : hidden auto;
color : white; color : white;

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

@@ -104,7 +104,7 @@ const Nav = {
}); });
return ( return (
<div className={`navDropdownContainer ${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 }