Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2025-02-16 15:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Address PR feedback (standardise custom tooltip)

Browse Source
This commit is contained in:
Dys 2022-07-17 20:54:27 +08:00 committed by cyip92
parent 80e8afe2e2
commit a2c7151688
3 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/stylesheets/styles.css
View File

@ -6091,15 +6091,15 @@ kbd {
width: 100%;
height: 0.2rem;
background-color: var(--color-teresa--base);
animation: a-teresa-unfinished-milestone-flash 2s infinite;
animation: a-teresa-unfinished-milestone-flash 3s infinite;
}
@keyframes a-teresa-unfinished-milestone-flash {
0% { opacity: 0.8; }
20% { opacity: 0.8; }
50% { opacity: 0.3; }
80% { opacity: 0.8; }
100% { opacity: 0.8; }
0% { opacity: 0.7; }
20% { opacity: 0.7; }
50% { opacity: 0.4; }
80% { opacity: 0.7; }
100% { opacity: 0.7; }
}
.c-teresa-milestone-line--unlocked {

10
src/components/CustomizeableTooltip.vue
View File

@ -103,16 +103,22 @@ export default {
tooltipArrowLightDarkClass() {
return this.isDarkTheme ? "c-tooltip-arrow--dark" : "";
},
tooltipInternalClass() {
return {
"c-tooltip-show": this.showTooltip,
[this.tooltipType]: true
};
},
tooltipContentClass() {
return [
{ "c-tooltip-show": this.showTooltip, [this.tooltipType]: true },
this.tooltipInternalClass,
this.tooltipClass,
this.tooltipContentLightDarkClass
];
},
tooltipArrowClass() {
return [
{ "c-tooltip-show": this.showTooltip, [this.tooltipType]: true },
this.tooltipInternalClass,
this.tooltipArrowLightDarkClass
];
}

6
src/components/tabs/celestial-pelle/PelleRiftBar.vue
View File

@ -408,9 +408,13 @@ export default {
background-color: #111111;
}
.c-pelle-milestone-tooltip.c-pelle-milestone-tooltip--unlocked {
.c-pelle-milestone-tooltip--unlocked {
color: black;
background-color: var(--color-pelle--base);
box-shadow: 0 0 0 0.1rem black;
}
.s-base--dark .c-pelle-milestone-tooltip--unlocked {
background-color: var(--color-pelle--base);
}
</style>