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

Equip Window Page 1 is done

Browse Source
This commit is contained in:
dudleycu 2021-08-31 03:18:06 +00:00
parent b86c378fba
commit e960656d41
1 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/style.css
View File

@ -253,7 +253,7 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
line-height: 25px; line-height: 25px;
position: relative; position: relative;
} }
.statsInfo > div:nth-last-child(1), .statsInfo > div:nth-last-child(2) { .statsInfo > div:nth-last-child(-n+2) {
border: 0; border: 0;
} }
.basicInfo > div > span, .statsInfo > div > span { .basicInfo > div > span, .statsInfo > div > span {
@ -536,9 +536,6 @@ border-bottom: 1px solid rgba(128,128,128,0.5);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.itemRarityWrapper {
grid-area: rarity;
}
.r1 .itemRarityWrapper { .r1 .itemRarityWrapper {
content: url("./icons/NGSUIRarity1Star.png"); content: url("./icons/NGSUIRarity1Star.png");
} }
@ -580,11 +577,11 @@ li.selected:hover {
outline: 2px solid hsl(180, 78%, 50%); outline: 2px solid hsl(180, 78%, 50%);
}*/ }*/
.itemControlsWrapper > span:nth-child(1), .itemControlsWrapper > span:nth-child(3) { .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;
} }
.itemControlsWrapper > span:nth-child(1):hover, .itemControlsWrapper > span:nth-child(3):hover { .itemControlsWrapper > span:nth-child(odd):hover {
background-color: rgba(113,169,189,0.33); background-color: rgba(113,169,189,0.33);
cursor: pointer; cursor: pointer;
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66)); background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
@ -1490,6 +1487,9 @@ p.adminNav hr {
position:relative; position:relative;
top:16px; top:16px;
} }
.equipWindow {
height: 440px;
}
.itemDetailsGrid { .itemDetailsGrid {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
@ -1497,9 +1497,7 @@ p.adminNav hr {
"ability ability" "ability ability"
"augment augment"; "augment augment";
grid-template-columns: 128px minmax(0,1fr); grid-template-columns: 128px minmax(0,1fr);
grid-template-rows: auto;
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;
place-items: stretch;
} }
.itemDetailsIcon { .itemDetailsIcon {
background-color: hsl(0, 17%, 70%); background-color: hsl(0, 17%, 70%);
@ -1509,6 +1507,27 @@ p.adminNav hr {
margin: 0 0 0 10px; margin: 0 0 0 10px;
grid-area: properties; grid-area: properties;
} }
.itemDetailsPropertiesWrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0,1fr);
grid-template-areas:
"rarity stars"
"attack attackDisplay"
"element elementDisplay"
"conditions conditionsDisplay";
text-align: left;
gap: 10px 0;
}
.itemDetailsPropertiesWrapper > div {
border-bottom: 1px solid rgba(128,128,128,0.5);
padding-bottom: 2px;
}
.itemDetailsPropertiesWrapper > div:nth-child(odd) {
color: #97e2fc;
}
.itemDetailsPropertiesWrapper > div:nth-child(even) {
padding-left: 0;
}
.itemDetailsAugment { .itemDetailsAugment {
margin: 15px 0 0 0; margin: 15px 0 0 0;
grid-area: augment; grid-area: augment;
@ -1523,6 +1542,7 @@ p.adminNav hr {
background-color:rgba(0,0,0,0.33); background-color:rgba(0,0,0,0.33);
padding: 2px 10px; padding: 2px 10px;
border-radius: 0 10px 0 0; border-radius: 0 10px 0 0;
height: 20px;
} }
.itemAbility { .itemAbility {
grid-area: ability; grid-area: ability;