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

see ess ess

Browse Source
master
dudleycu 4 years ago
parent 1190591a88
commit 4a8102ddaa
2 changed files with 34 additions and 12 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      src/TestPanel.js
  2. 42
      src/style.css

4
src/TestPanel.js
Unescape 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
Unescape 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;

Write Preview
Loading…
Cancel
Save