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

CSS Tweaks for Theme Selector

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/editor/metadataEditor/metadataEditor.jsx
View File

@@ -202,7 +202,7 @@ const MetadataEditor = createClass({
const preview = theme?.thumbnail ? theme.thumbnail : `/themes/${theme.renderer}/${theme.path}/dropdownPreview.png`; 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`; 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={''}> 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'> <div className='texture-container'>
<img src={`${texture}`}/> <img src={`${texture}`}/>
</div> </div>

7
client/homebrew/editor/metadataEditor/metadataEditor.less
View File

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