0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-28 00:32:42 +00:00

CSS Tweaks for Theme Selector

Add 5e-Cleric's suggestsions to acvoid the title overflowing over the preview.
This commit is contained in:
David Bolack
2024-05-13 22:33:58 -05:00
parent 66e39d9c65
commit 69f01b282a
2 changed files with 8 additions and 1 deletions

View File

@@ -202,7 +202,7 @@ const MetadataEditor = createClass({
const preview = theme?.thumbnail ? theme.thumbnail : `/themes/${theme.renderer}/${theme.path}/dropdownPreview.png`;
const texture = theme?.thumbnail ? theme.thumbnail : `/themes/${theme.renderer}/${theme.path}/dropdownTexture.png`;
return <div className='item' key={`${renderer}_${theme.name}`} onClick={()=>this.handleTheme(theme, renderer)} title={''}>
{`${theme?.author ? theme.author : renderer} : ${theme.name}`}
<p>{`${theme?.author ? theme.author : renderer} : ${theme.name}`}</p>
<div className='texture-container'>
<img src={`${texture}`}/>
</div>

View File

@@ -191,6 +191,13 @@
color : white;
}
}
.navDropdown .item > p {
width: 45%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 1.1em;
}
.navDropdown {
box-shadow : 0px 5px 10px rgba(0, 0, 0, 0.3);
position : absolute;