jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Applied style rules to genocide all \t characters

Browse Source
This commit is contained in:
Stefan Zermatten
2022-10-09 16:01:36 +02:00
parent de598c70a7
commit 2fa913b09a
208 changed files with 6027 additions and 5801 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
app/imports/ui/properties/forms/shared/ProficiencySelect.vue
View File

@@ -22,11 +22,11 @@
<script lang="js">
import getProficiencyIcon from '/imports/ui/utility/getProficiencyIcon.js';
const ICON_SPIN_DURATION = 300;
const ICON_SPIN_DURATION = 300;
export default {
props: {
value: {
export default {
props: {
value: {
type: Number,
default: undefined,
},
@@ -34,56 +34,56 @@
type: Boolean,
default: true,
},
},
data(){ return {
displayedIcon: 'mdi-radiobox-blank',
iconClass: '',
values: [
{value: 1, text: 'Proficient'},
},
data(){ return {
displayedIcon: 'mdi-radiobox-blank',
iconClass: '',
values: [
{value: 1, text: 'Proficient'},
{value: 0.49, text: 'Half proficiency bonus rounded down'},
{value: 0.5, text: 'Half proficiency bonus rounded up'},
{value: 2, text: 'Double proficiency bonus'},
],
}},
watch: {
'value': {
immediate: true,
handler(newValue){
let newIcon = getProficiencyIcon(newValue);
this.iconClass='leaving';
setTimeout(() => {
this.displayedIcon = newIcon;
this.iconClass='arriving';
requestAnimationFrame(() => {
this.iconClass='';
});
}, ICON_SPIN_DURATION / 2);
},
},
}
}
{value: 0.5, text: 'Half proficiency bonus rounded up'},
{value: 2, text: 'Double proficiency bonus'},
],
}},
watch: {
'value': {
immediate: true,
handler(newValue){
let newIcon = getProficiencyIcon(newValue);
this.iconClass='leaving';
setTimeout(() => {
this.displayedIcon = newIcon;
this.iconClass='arriving';
requestAnimationFrame(() => {
this.iconClass='';
});
}, ICON_SPIN_DURATION / 2);
},
},
}
}
</script>
<style lang="css" scoped>
.theme--light .icon {
color: black;
}
.icon {
min-width: 30px;
transition: transform 0.15s linear, opacity 0.15s ease;
transform-origin: 18px center;
margin-left: -12px;
}
.icon.leaving {
transform: translateY(-24px);
opacity: 0;
}
.icon.arriving {
transform: translateY(24px);
opacity: 0;
transition: none;
}
.hidden {
visibility: hidden;
}
.theme--light .icon {
color: black;
}
.icon {
min-width: 30px;
transition: transform 0.15s linear, opacity 0.15s ease;
transform-origin: 18px center;
margin-left: -12px;
}
.icon.leaving {
transform: translateY(-24px);
opacity: 0;
}
.icon.arriving {
transform: translateY(24px);
opacity: 0;
transition: none;
}
.hidden {
visibility: hidden;
}
</style>