krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-18 23:27:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix draging-info margin - resize draging icon - resize hatching modal (remove unneeded space) (#9775)

Browse Source
This commit is contained in:
negue
2018-02-09 23:48:48 +01:00
committed by Sabe Jones
parent 723b4f3451
commit 6cb1ec4ec5
2 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
website/client/components/inventory/items/index.vue
View File

@@ -176,6 +176,7 @@
.potion-icon { .potion-icon {
margin: 0 auto 8px; margin: 0 auto 8px;
transform: scale(1.5);
} }
.popover { .popover {
@@ -186,6 +187,7 @@
.popover-content { .popover-content {
color: white; color: white;
margin: 15px; margin: 15px;
text-align: center;
} }
} }
</style> </style>
@@ -473,12 +475,12 @@ export default {
mouseMoved ($event) { mouseMoved ($event) {
if (this.potionClickMode) { if (this.potionClickMode) {
// dragging potioninfo is 180px wide (90 would be centered) // dragging potioninfo is 180px wide (90 would be centered)
this.$refs.clickPotionInfo.style.left = `${$event.x - 70}px`; this.$refs.clickPotionInfo.style.left = `${$event.x - 60}px`;
this.$refs.clickPotionInfo.style.top = `${$event.y}px`; this.$refs.clickPotionInfo.style.top = `${$event.y + 10}px`;
} else if (this.eggClickMode) { } else if (this.eggClickMode) {
// dragging eggInfo is 180px wide (90 would be centered) // dragging eggInfo is 180px wide (90 would be centered)
this.$refs.clickEggInfo.style.left = `${$event.x - 70}px`; this.$refs.clickEggInfo.style.left = `${$event.x - 60}px`;
this.$refs.clickEggInfo.style.top = `${$event.y}px`; this.$refs.clickEggInfo.style.top = `${$event.y + 10}px`;
} else { } else {
lastMouseMoveEvent = $event; lastMouseMoveEvent = $event;
} }

11
website/client/components/inventory/stable/index.vue
View File

@@ -377,11 +377,13 @@
#hatching-modal { #hatching-modal {
@include centeredModal(); @include centeredModal();
.modal-dialog {
width: 310px;
}
.content { .content {
text-align: center; text-align: center;
margin: 9px; margin: 9px;
width: 300px;
} }
.title { .title {
@@ -445,7 +447,8 @@
} }
.food-icon { .food-icon {
margin: 0 auto; margin: 0 auto 8px;
transform: scale(1.5);
} }
.popover { .popover {
@@ -455,6 +458,8 @@
.popover-content { .popover-content {
color: white; color: white;
margin: 15px;
text-align: center;
} }
} }