Justin Edmund
b50ea1fa31
* Fix job accessory popover, so shields and manatura can be selected again * Don't show AX skill section in weapon hovercard if no AX skill is set * Center uncap indicator under item image and fix hovercard header layout * Fix a bug that prevented all ring bonuses from displaying in hovercard * Fix transcendence_step being set to 0 when updating a character's masteries * Fix weapon modal so you can set AX skills on weapons with rupee or exp gain * Ensure job accessory and transcendence popovers open/close properly
95 lines
1.7 KiB
SCSS
95 lines
1.7 KiB
SCSS
.popover {
|
|
animation: scaleIn $duration-zoom ease-out;
|
|
background: var(--dialog-bg);
|
|
border-radius: $card-corner;
|
|
border: 0.5px solid rgba(0, 0, 0, 0.18);
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
|
|
outline: none;
|
|
padding: $unit;
|
|
transform-origin: var(--radix-popover-content-transform-origin);
|
|
width: var(--radix-popover-trigger-width);
|
|
z-index: 5;
|
|
|
|
@include breakpoint(phone) {
|
|
min-width: auto;
|
|
}
|
|
|
|
&.raid {
|
|
width: auto;
|
|
}
|
|
|
|
&.flush {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.jobAccessory {
|
|
padding: $unit-2x;
|
|
min-width: 40vw;
|
|
max-width: 40vw;
|
|
max-height: 40vh;
|
|
overflow-y: auto;
|
|
overflow-x: none;
|
|
margin-left: $unit-2x;
|
|
|
|
h3 {
|
|
font-size: $font-regular;
|
|
font-weight: $medium;
|
|
margin: 0 0 $unit $unit;
|
|
}
|
|
|
|
&.readOnly {
|
|
min-width: inherit;
|
|
max-width: inherit;
|
|
}
|
|
|
|
@include breakpoint(tablet) {
|
|
width: initial;
|
|
max-width: initial;
|
|
}
|
|
|
|
@include breakpoint(phone) {
|
|
width: initial;
|
|
max-width: initial;
|
|
}
|
|
}
|
|
|
|
.transcendence {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $unit-half;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: $unit-10x;
|
|
height: $unit-10x;
|
|
|
|
animation: scaleIn $duration-zoom ease-out;
|
|
background: var(--dialog-bg);
|
|
border-radius: $card-corner;
|
|
border: 0.5px solid rgba(0, 0, 0, 0.18);
|
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
|
|
outline: none;
|
|
padding: $unit;
|
|
transform-origin: var(--radix-popover-content-transform-origin);
|
|
z-index: 32;
|
|
|
|
&.open {
|
|
opacity: 1;
|
|
display: flex;
|
|
}
|
|
|
|
h4 {
|
|
font-size: $font-small;
|
|
font-weight: $medium;
|
|
}
|
|
|
|
.pending {
|
|
color: $yellow;
|
|
}
|
|
}
|
|
|
|
.arrow {
|
|
fill: var(--dialog-bg);
|
|
filter: drop-shadow(0px 1px 1px rgb(0 0 0 / 0.18));
|
|
margin-top: -1px;
|
|
}
|