sigonasr2/ngsplanner
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css

Browse Source
This commit is contained in:
dudleycu 2021-09-01 23:24:11 +00:00
parent cae61d189d
commit fba00601a2
2 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/TestPanel.js
View File

@ -748,9 +748,12 @@ useEffect(()=>{
} }
}} }}
displayFunction={(item)=>{ displayFunction={(item)=>{
return <li className={"itemwep r"+item[WEAPON_WEAPON].rarity} onClick={()=>{setSelectedWeapon(item);setWeaponSelectWindowOpen(false)}}><div className="itemWeaponWrapper"><img className="itemimg" alt="" src={DisplayIcon(item[WEAPON_EXISTENCE_DATA]?.icon)} /><em className="rifle">{GetSpecialWeaponName(item)}</em></div><br /><span className="atk">{item[WEAPON_WEAPON].atk}</span> <ExpandTooltip id={"mouseover-tooltip"+item[WEAPON_WEAPONTYPE].id+"_"+item[WEAPON_WEAPON].id+"_"+item[WEAPON_POTENTIAL].id+"_"+item[WEAPON_POTENTIAL_TOOLTIP].id} tooltip={<>{item[WEAPON_POTENTIAL_TOOLTIP].map((pot,i)=><React.Fragment key={i}>{(i!==0)&&<br/>}{pot.name}: {pot.description?pot.description.split("\\n").map((it,ii)=><React.Fragment key={ii}>{it}<br/> </React.Fragment>):<React.Fragment key={i}/>}</React.Fragment>)}</>}> return<div className={"itemWrapper r"+item[WEAPON_WEAPON].rarity}><div className="itemImgWrapper"><img alt="" src={DisplayIcon(item[WEAPON_EXISTENCE_DATA]?.icon)} /></div><div className="itemNameWrapper rifle">{GetSpecialWeaponName(item)}</div><div className="itemRarityWrapper">&nbsp;</div><div className="itemPropertiesWrapper"><span className="atk">{item[WEAPON_WEAPON].atk}</span>
<ExpandTooltip id={"mouseover-tooltip"+item[WEAPON_WEAPONTYPE].id+"_"+item[WEAPON_WEAPON].id+"_"+item[WEAPON_POTENTIAL].id+"_"+item[WEAPON_POTENTIAL_TOOLTIP].id} tooltip={<>{item[WEAPON_POTENTIAL_TOOLTIP].map((pot,i)=><React.Fragment key={i}>{(i!==0)&&<br/>}{pot.name}: {pot.description?pot.description.split("\\n").map((it,ii)=><React.Fragment key={ii}>{it}<br/> </React.Fragment>):<React.Fragment key={i}/>}</React.Fragment>)}</>}>
<span className="pot">{item[WEAPON_POTENTIAL].name}</span> <span className="pot">{item[WEAPON_POTENTIAL].name}</span>
</ExpandTooltip></li>}} </ExpandTooltip></div></div>}}
/> />
<SelectorWindow title={"Armor Selection - Slot "+armorSlotSelection} modalOpen={armorSelectWindowOpen} setModalOpen={setArmorSelectWindowOpen} GetData={p.GetData} <SelectorWindow title={"Armor Selection - Slot "+armorSlotSelection} modalOpen={armorSelectWindowOpen} setModalOpen={setArmorSelectWindowOpen} GetData={p.GetData}

20
src/style.css
View File

@ -437,23 +437,12 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
margin-right: 5px; margin-right: 5px;
vertical-align: middle; vertical-align: middle;
} }
.itemwep {
font-size: 10pt;
}
.itemWeaponWrapper { .itemWeaponWrapper {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
padding-right: 16px; padding-right: 16px;
} }
.itemwep em {
font-size: 12pt;
line-height: 28px;
}
.itemwep:after {
clear:both;
}
.rifle:before { .rifle:before {
content: url("./icons/NGSUIItemAssaultRifleMini.png"); content: url("./icons/NGSUIItemAssaultRifleMini.png");
margin-right: 5px; margin-right: 5px;
@ -573,6 +562,7 @@ li.selected:hover {
.itemControlsWrapper > span:nth-child(odd) { .itemControlsWrapper > span:nth-child(odd) {
background-color: rgba(113,169,189,0.33); background-color: rgba(113,169,189,0.33);
cursor: pointer; cursor: pointer;
min-width: 26px;
} }
.itemControlsWrapper > span:nth-child(odd):hover { .itemControlsWrapper > span:nth-child(odd):hover {
background-color: rgba(113,169,189,0.33); background-color: rgba(113,169,189,0.33);
@ -582,10 +572,11 @@ li.selected:hover {
} }
.itemControlsWrapper > span:nth-child(2) { .itemControlsWrapper > span:nth-child(2) {
background-color:rgba(0,0,0,0.33); background-color:rgba(0,0,0,0.33);
min-width: 26px;
} }
.itemControlsWrapper > span { .itemControlsWrapper > span {
display:inline-block; display:inline-block;
padding: 5px 10px; padding: 5px 0;
text-align: center; text-align: center;
margin: 0 0 0 5px; margin: 0 0 0 5px;
} }
@ -1481,7 +1472,7 @@ p.adminNav hr {
top:16px; top:16px;
} }
.equipWindow { .equipWindow {
height: 440px; min-height: 440px;
} }
.itemDetailsGrid { .itemDetailsGrid {
display: grid; display: grid;
@ -1528,8 +1519,9 @@ p.adminNav hr {
.itemDetailsAugmentWrapper { .itemDetailsAugmentWrapper {
margin: 10px 0 0 0; margin: 10px 0 0 0;
display: grid; display: grid;
grid-template-columns: repeat(auto-fit,minmax(100px,200px)); grid-template-columns: repeat(2,minmax(125px, 1fr));
gap: 10px 30px; gap: 10px 30px;
} }
.itemDetailsAugmentWrapper > div { .itemDetailsAugmentWrapper > div {
background-color:rgba(0,0,0,0.33); background-color:rgba(0,0,0,0.33);