Merge pull request 'fixed game list issue not appearing in mod submit + temp-fixed its scroll and style ux' (#8) from staging into master
All checks were successful
Release to Staging / build_and_release (push) Successful in 40s

Reviewed-on: #8
This commit is contained in:
freakoverse 2024-08-16 15:37:52 +00:00
commit 16b8107731
2 changed files with 34 additions and 2 deletions

View File

@ -780,7 +780,7 @@ const GameDropdown = ({
can add it. can add it.
</p> </p>
<div className='dropdown dropdownMain'> <div className='dropdown dropdownMain'>
<div className='inputWrapperMain'> <div className='inputWrapperMain inputWrapperMainAlt'>
<input <input
ref={inputRef} ref={inputRef}
type='text' type='text'
@ -812,7 +812,7 @@ const GameDropdown = ({
<path d='M480 416C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H150.6C133.7 480 117.4 473.3 105.4 461.3L25.37 381.3C.3786 356.3 .3786 315.7 25.37 290.7L258.7 57.37C283.7 32.38 324.3 32.38 349.3 57.37L486.6 194.7C511.6 219.7 511.6 260.3 486.6 285.3L355.9 416H480zM265.4 416L332.7 348.7L195.3 211.3L70.63 336L150.6 416L265.4 416z'></path> <path d='M480 416C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H150.6C133.7 480 117.4 473.3 105.4 461.3L25.37 381.3C.3786 356.3 .3786 315.7 25.37 290.7L258.7 57.37C283.7 32.38 324.3 32.38 349.3 57.37L486.6 194.7C511.6 219.7 511.6 260.3 486.6 285.3L355.9 416H480zM265.4 416L332.7 348.7L195.3 211.3L70.63 336L150.6 416L265.4 416z'></path>
</svg> </svg>
</button> </button>
<div className='dropdown-menu dropdownMainMenu'> <div className='dropdown-menu dropdownMainMenu dropdownMainMenuAlt'>
<List <List
height={500} height={500}
width={'100%'} width={'100%'}

View File

@ -246,6 +246,34 @@ h6 {
font-size: 16px; font-size: 16px;
} }
/* the 4 classes below here are a temp fix for the games dropdown stylings */
.dropdownMainMenu.dropdownMainMenuAlt {
max-height: unset!important;
}
.dropdownMainMenu.dropdownMainMenuAlt > div {
height: unset!important;
}
.dropdownMainMenu.dropdownMainMenuAlt > div > div {
height: unset!important;
width: 100%!important;
display: flex;
flex-direction: column;
gap: 5px;
max-height: 300px;
overflow: auto;
padding: 5px;
}
.dropdownMainMenu.dropdownMainMenuAlt > div > div > div {
position: relative!important;
left: unset!important;
top: unset!important;
}
.dropdownMainMenuItem { .dropdownMainMenuItem {
transition: ease 0.4s; transition: ease 0.4s;
background: linear-gradient( background: linear-gradient(
@ -311,6 +339,10 @@ h6 {
border-radius: 10px; border-radius: 10px;
} }
.inputWrapperMain.inputWrapperMainAlt {
overflow: unset;
}
.inputWrapperMainWrapper { .inputWrapperMainWrapper {
width: 100%; width: 100%;
display: flex; display: flex;