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

see ess ess

Browse Source
This commit is contained in:
dudleycu 2021-09-02 07:30:06 +00:00
parent 1190591a88
commit 4a8102ddaa
2 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/TestPanel.js
View File

@ -497,7 +497,7 @@ useEffect(()=>{
<div className="boxTitleBar"> <div className="boxTitleBar">
<h1>Equip</h1></div> <h1>Equip</h1></div>
<div className="equipPalette"> <div className="equipPalette">
<div onClick={()=>{setWeaponSelectWindowOpen(true)}} className="equipPaletteSlot"><h3>Weapons</h3><div className={"equipPaletteSlotWrapper"+rarityCheck(selectedWeapon[WEAPON_WEAPON])}><span>1</span><img alt="" className="r4" src={DisplayIcon(selectedWeapon[WEAPON_EXISTENCE_DATA]?.icon)} /></div></div> <div className="equipPaletteSlot"><h3>Weapons</h3><div className={"equipPaletteSlotWrapper"+rarityCheck(selectedWeapon[WEAPON_WEAPON])}><span>1</span><img alt="" className="r4" src={DisplayIcon(selectedWeapon[WEAPON_EXISTENCE_DATA]?.icon)} /></div></div>
<div onClick={()=>{setArmorSlotSelection(1);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor1)}><h3>Armor 1</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor1.icon)} /></div></div> <div onClick={()=>{setArmorSlotSelection(1);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor1)}><h3>Armor 1</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor1.icon)} /></div></div>
<div onClick={()=>{setArmorSlotSelection(2);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor2)}><h3>Armor 2</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor2.icon)} /></div></div> <div onClick={()=>{setArmorSlotSelection(2);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor2)}><h3>Armor 2</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor2.icon)} /></div></div>
<div onClick={()=>{setArmorSlotSelection(3);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor3)}><h3>Armor 3</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor3.icon)} /></div></div> <div onClick={()=>{setArmorSlotSelection(3);setArmorSelectWindowOpen(true)}} className={"equipPaletteSlot"+rarityCheck(selectedArmor3)}><h3>Armor 3</h3><div className="equipPaletteSlotWrapper"><img alt="" className="r3" src={DisplayIcon(selectedArmor3.icon)} /></div></div>
@ -518,7 +518,7 @@ useEffect(()=>{
<> <>
<div className="itemDetailsGrid"> <div className="itemDetailsGrid">
<div className={"itemDetailsIcon"+rarityCheck(selectedWeapon[WEAPON_WEAPON])}><img alt="" src={DisplayIcon(selectedWeapon[WEAPON_EXISTENCE_DATA]?.icon)} /></div> <div onClick={()=>{setWeaponSelectWindowOpen(true)}} className={"itemDetailsIcon"+rarityCheck(selectedWeapon[WEAPON_WEAPON])}><div><p>Edit <span>&#9998;</span></p></div><img alt="" src={DisplayIcon(selectedWeapon[WEAPON_EXISTENCE_DATA]?.icon)} /></div>
<div className="itemDetailsProperties"> <div className="itemDetailsProperties">
<div className="itemDetailsPropertiesWrapper"> <div className="itemDetailsPropertiesWrapper">

42
src/style.css
View File

@ -986,13 +986,13 @@ cursor:pointer !important;
} }
/* Sig's Amazing CSS (cuz Dudley edited it) */ /* Sig's Amazing CSS (cuz Dudley edited it) */
.editBox:hover{ .editBox:hover, .editClass:hover{
background-color:rgba(0,0,0,0.5); background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
cursor:pointer !important; cursor:pointer;
outline: 2px solid #30cdef; outline: 2px solid #30cdef;
} }
.editBoxActive:hover { .editBoxActive:hover {
cursor:pointer !important; cursor:pointer
} }
input#editBoxInput { input#editBoxInput {
position: absolute; position: absolute;
@ -1000,7 +1000,7 @@ input#editBoxInput {
text-align: right; text-align: right;
background-color: #101317; background-color: #101317;
color: white; color: white;
cursor:pointer !important; cursor:pointer;
font-family: ngs,sans-serif; font-family: ngs,sans-serif;
font-size: 16px; font-size: 16px;
@ -1014,11 +1014,7 @@ input#editBoxInput {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
.editClass:hover{
background-color:rgba(0,0,0,0.5);
cursor:pointer !important;
outline: 2px solid #30cdef;
}
.popup{ .popup{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -1491,6 +1487,32 @@ p.adminNav hr {
.itemDetailsIcon { .itemDetailsIcon {
grid-area: icon; grid-area: icon;
align-self: flex-start; align-self: flex-start;
position: relative;
}
.itemDetailsIcon:hover {
cursor: pointer;
outline: 2px solid #30cdef;
}
.itemDetailsIcon > div {
display: none;
position: absolute;
height: 100%;
width: 100%;
justify-content: center;
align-content: center;
flex-direction: column;
text-align: center;
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
}
.itemDetailsIcon > div > p {
margin: 0;
padding: 0;
}
.itemDetailsIcon:hover > div {
display: flex;
}
.itemDetailsIcon > div > p > span {
font-family: "Segoe UI Symbol";
} }
.itemDetailsProperties { .itemDetailsProperties {
margin: 0 0 0 10px; margin: 0 0 0 10px;