mirror of
https://github.com/overte-org/overte.git
synced 2025-08-09 19:52:26 +02:00
Merge pull request #10163 from davidkelly/dk/3938
updated availability combo dialog
This commit is contained in:
commit
57d8ec883e
3 changed files with 50 additions and 5 deletions
|
@ -12,6 +12,7 @@
|
||||||
import QtQuick 2.5
|
import QtQuick 2.5
|
||||||
import QtQuick.Controls 1.4
|
import QtQuick.Controls 1.4
|
||||||
import "../styles-uit"
|
import "../styles-uit"
|
||||||
|
import "../controls-uit"
|
||||||
|
|
||||||
Item {
|
Item {
|
||||||
property var dialogTitleText : "";
|
property var dialogTitleText : "";
|
||||||
|
@ -67,6 +68,29 @@ Item {
|
||||||
verticalAlignment: Text.AlignTop;
|
verticalAlignment: Text.AlignTop;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
HiFiGlyphs {
|
||||||
|
id: closeGlyphButton;
|
||||||
|
text: hifi.glyphs.close;
|
||||||
|
size: 32;
|
||||||
|
anchors.verticalCenter: dialogTitle.verticalCenter;
|
||||||
|
anchors.right: parent.right;
|
||||||
|
anchors.rightMargin: 20;
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: closeGlyphButton;
|
||||||
|
hoverEnabled: true;
|
||||||
|
onEntered: {
|
||||||
|
parent.text = hifi.glyphs.closeInverted;
|
||||||
|
}
|
||||||
|
onExited: {
|
||||||
|
parent.text = hifi.glyphs.close;
|
||||||
|
}
|
||||||
|
onClicked: {
|
||||||
|
combo.visible = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
ListModel {
|
ListModel {
|
||||||
id: comboListViewModel;
|
id: comboListViewModel;
|
||||||
}
|
}
|
||||||
|
@ -92,8 +116,7 @@ Item {
|
||||||
color: selectedOptionIndex === index ? '#cee6ff' : 'white';
|
color: selectedOptionIndex === index ? '#cee6ff' : 'white';
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: comboOptionSelected;
|
id: comboOptionSelected;
|
||||||
visible: selectedOptionIndex === index ? true : false;
|
color: selectedOptionIndex == index ? hifi.colors.blueAccent : 'white';
|
||||||
color: hifi.colors.blueAccent;
|
|
||||||
anchors.left: parent.left;
|
anchors.left: parent.left;
|
||||||
anchors.leftMargin: 20;
|
anchors.leftMargin: 20;
|
||||||
anchors.top: parent.top;
|
anchors.top: parent.top;
|
||||||
|
@ -102,7 +125,7 @@ Item {
|
||||||
height: width;
|
height: width;
|
||||||
radius: width;
|
radius: width;
|
||||||
border.width: 3;
|
border.width: 3;
|
||||||
border.color: hifi.colors.blueHighlight;
|
border.color: selectedOptionIndex === index ? hifi.colors.blueHighlight: hifi.colors.lightGrayText;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -85,6 +85,28 @@ Item {
|
||||||
wrapMode: Text.WordWrap
|
wrapMode: Text.WordWrap
|
||||||
textFormat: Text.StyledText
|
textFormat: Text.StyledText
|
||||||
}
|
}
|
||||||
|
HiFiGlyphs {
|
||||||
|
id: closeGlyphButton
|
||||||
|
text: hifi.glyphs.close
|
||||||
|
size: headerTextPixelSize
|
||||||
|
anchors.top: parent.top
|
||||||
|
anchors.topMargin: -20
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: -25
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: closeGlyphButton
|
||||||
|
hoverEnabled: true
|
||||||
|
onEntered: {
|
||||||
|
parent.text = hifi.glyphs.closeInverted;
|
||||||
|
}
|
||||||
|
onExited: {
|
||||||
|
parent.text = hifi.glyphs.close;
|
||||||
|
}
|
||||||
|
onClicked: {
|
||||||
|
letterbox.visible = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
// Popup Text
|
// Popup Text
|
||||||
Text {
|
Text {
|
||||||
|
|
|
@ -310,9 +310,9 @@ Rectangle {
|
||||||
hoverEnabled: true;
|
hoverEnabled: true;
|
||||||
onClicked: letterbox(hifi.glyphs.question,
|
onClicked: letterbox(hifi.glyphs.question,
|
||||||
"Connections and Friends",
|
"Connections and Friends",
|
||||||
"<font color='purple'>Purple borders around profile pictures are <b>Connections</b>.</font><br>" +
|
"<font color='purple'>Purple borders around profile pictures represent <b>Connections</b>.</font><br>" +
|
||||||
"When your availability is set to Everyone, Connections can see your username and location.<br><br>" +
|
"When your availability is set to Everyone, Connections can see your username and location.<br><br>" +
|
||||||
"<font color='green'>Green borders around profile pictures are <b>Friends</b>.</font><br>" +
|
"<font color='green'>Green borders around profile pictures represent <b>Friends</b>.</font><br>" +
|
||||||
"When your availability is set to Friends, only Friends can see your username and location.");
|
"When your availability is set to Friends, only Friends can see your username and location.");
|
||||||
onEntered: connectionsHelpText.color = hifi.colors.blueHighlight;
|
onEntered: connectionsHelpText.color = hifi.colors.blueHighlight;
|
||||||
onExited: connectionsHelpText.color = hifi.colors.blueAccent;
|
onExited: connectionsHelpText.color = hifi.colors.blueAccent;
|
||||||
|
|
Loading…
Reference in a new issue