mirror of
https://github.com/overte-org/overte.git
synced 2025-08-09 16:14:35 +02:00
Make all buttons raise when hovered
This commit is contained in:
parent
04a545da37
commit
78876d39b4
1 changed files with 26 additions and 15 deletions
|
@ -2526,7 +2526,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
: UI_ELEMENTS.newButton.properties.color;
|
: UI_ELEMENTS.newButton.properties.color;
|
||||||
}
|
}
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
color: color
|
color: color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingNewToggleButton) {
|
} else if (isHighlightingNewToggleButton) {
|
||||||
// Unhighlight old button.
|
// Unhighlight old button.
|
||||||
|
@ -2534,7 +2535,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
? UI_ELEMENTS.newToggleButton.onColor
|
? UI_ELEMENTS.newToggleButton.onColor
|
||||||
: UI_ELEMENTS.newToggleButton.offColor;
|
: UI_ELEMENTS.newToggleButton.offColor;
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
color: color
|
color: color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingSwatch) {
|
} else if (isHighlightingSwatch) {
|
||||||
// Hide highlight and reinstate swatch size and color.
|
// Hide highlight and reinstate swatch size and color.
|
||||||
|
@ -2542,7 +2544,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
color = optionsSettings[highlightedSourceItems[highlightedItem].id].value;
|
color = optionsSettings[highlightedSourceItems[highlightedItem].id].value;
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
dimensions: UI_ELEMENTS.swatch.properties.dimensions,
|
dimensions: UI_ELEMENTS.swatch.properties.dimensions,
|
||||||
color: color === "" ? EMPTY_SWATCH_COLOR : color
|
color: color === "" ? EMPTY_SWATCH_COLOR : color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
||||||
// Lower old slider or color circle.
|
// Lower old slider or color circle.
|
||||||
|
@ -2567,33 +2570,32 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
localPosition: Vec3.sum(UI_ELEMENTS.menuButton.hoverButton.properties.localPosition, MENU_HOVER_DELTA),
|
localPosition: Vec3.sum(UI_ELEMENTS.menuButton.hoverButton.properties.localPosition, MENU_HOVER_DELTA),
|
||||||
visible: true
|
visible: true
|
||||||
});
|
});
|
||||||
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
|
||||||
// Raise new slider or color circle.
|
|
||||||
localPosition = intersectionItems[highlightedItem].properties.localPosition;
|
|
||||||
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
|
||||||
localPosition: Vec3.sum(localPosition, OPTION_HOVER_DELTA)
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
// Highlight new item. (The existence of a command or callback infers that the item should be highlighted.)
|
// Highlight new item. (The existence of a command or callback infers that the item should be highlighted.)
|
||||||
if (isHighlightingNewButton || isHighlightingNewToggleButton) {
|
if (isHighlightingNewButton || isHighlightingNewToggleButton) {
|
||||||
if (intersectionEnabled[highlightedItem]) {
|
if (intersectionEnabled[highlightedItem]) {
|
||||||
|
localPosition = intersectionItems[highlightedItem].properties.localPosition;
|
||||||
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
||||||
color: intersectionItems[highlightedItem].highlightColor !== undefined
|
color: intersectionItems[highlightedItem].highlightColor !== undefined
|
||||||
? intersectionItems[highlightedItem].highlightColor
|
? intersectionItems[highlightedItem].highlightColor
|
||||||
: UIT.colors.greenHighlight
|
: UIT.colors.greenHighlight,
|
||||||
|
localPosition: Vec3.sum(localPosition, OPTION_HOVER_DELTA)
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} else if (isHighlightingSwatch) {
|
} else if (isHighlightingSwatch) {
|
||||||
|
localPosition = intersectionItems[highlightedItem].properties.localPosition;
|
||||||
if (optionsSettings[intersectionItems[highlightedItem].id].value === "") {
|
if (optionsSettings[intersectionItems[highlightedItem].id].value === "") {
|
||||||
// Swatch is empty; highlight it with current color.
|
// Swatch is empty; highlight it with current color.
|
||||||
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
||||||
color: optionsSettings.currentColor.value
|
color: optionsSettings.currentColor.value,
|
||||||
|
localPosition: Vec3.sum(localPosition, OPTION_HOVER_DELTA)
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
// Swatch is full; highlight it with ring.
|
// Swatch is full; highlight it with ring.
|
||||||
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
||||||
dimensions: Vec3.subtract(UI_ELEMENTS.swatch.properties.dimensions,
|
dimensions: Vec3.subtract(UI_ELEMENTS.swatch.properties.dimensions,
|
||||||
{ x: SWATCH_HIGHLIGHT_DELTA, y: 0, z: SWATCH_HIGHLIGHT_DELTA })
|
{ x: SWATCH_HIGHLIGHT_DELTA, y: 0, z: SWATCH_HIGHLIGHT_DELTA }),
|
||||||
|
localPosition: Vec3.sum(localPosition, OPTION_HOVER_DELTA)
|
||||||
});
|
});
|
||||||
Overlays.editOverlay(swatchHighlightOverlay, {
|
Overlays.editOverlay(swatchHighlightOverlay, {
|
||||||
parentID: intersectionOverlays[highlightedItem],
|
parentID: intersectionOverlays[highlightedItem],
|
||||||
|
@ -2601,6 +2603,12 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
visible: true
|
visible: true
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
||||||
|
// Raise new slider or color circle.
|
||||||
|
localPosition = intersectionItems[highlightedItem].properties.localPosition;
|
||||||
|
Overlays.editOverlay(intersectionOverlays[highlightedItem], {
|
||||||
|
localPosition: Vec3.sum(localPosition, OPTION_HOVER_DELTA)
|
||||||
|
});
|
||||||
} else if (!isHighlightingMenuButton && !isHighlightingColorCircle && !isHighlightingSlider) {
|
} else if (!isHighlightingMenuButton && !isHighlightingColorCircle && !isHighlightingSlider) {
|
||||||
parentProperties = Overlays.getProperties(intersectionOverlays[intersectedItem],
|
parentProperties = Overlays.getProperties(intersectionOverlays[intersectedItem],
|
||||||
["dimensions", "localPosition"]);
|
["dimensions", "localPosition"]);
|
||||||
|
@ -2638,7 +2646,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
: UI_ELEMENTS.newButton.properties.color;
|
: UI_ELEMENTS.newButton.properties.color;
|
||||||
}
|
}
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
color: color
|
color: color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingNewToggleButton) {
|
} else if (isHighlightingNewToggleButton) {
|
||||||
// Unhighlight old button.
|
// Unhighlight old button.
|
||||||
|
@ -2646,7 +2655,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
? UI_ELEMENTS.newToggleButton.onColor
|
? UI_ELEMENTS.newToggleButton.onColor
|
||||||
: UI_ELEMENTS.newToggleButton.offColor;
|
: UI_ELEMENTS.newToggleButton.offColor;
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
color: color
|
color: color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingSwatch) {
|
} else if (isHighlightingSwatch) {
|
||||||
// Hide highlight and reinstate swatch size and color.
|
// Hide highlight and reinstate swatch size and color.
|
||||||
|
@ -2654,7 +2664,8 @@ ToolsMenu = function (side, leftInputs, rightInputs, uiCommandCallback) {
|
||||||
color = optionsSettings[highlightedSourceItems[highlightedItem].id].value;
|
color = optionsSettings[highlightedSourceItems[highlightedItem].id].value;
|
||||||
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
Overlays.editOverlay(highlightedSourceOverlays[highlightedItem], {
|
||||||
dimensions: UI_ELEMENTS.swatch.properties.dimensions,
|
dimensions: UI_ELEMENTS.swatch.properties.dimensions,
|
||||||
color: color === "" ? EMPTY_SWATCH_COLOR : color
|
color: color === "" ? EMPTY_SWATCH_COLOR : color,
|
||||||
|
localPosition: highlightedSourceItems[highlightedItem].properties.localPosition
|
||||||
});
|
});
|
||||||
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
} else if (isHighlightingSlider || isHighlightingColorCircle) {
|
||||||
// Lower slider or color circle.
|
// Lower slider or color circle.
|
||||||
|
|
Loading…
Reference in a new issue