status-im/status-desktop
2
0
Fork 0
mirror of https://github.com/status-im/status-desktop.git synced 2025-01-24 13:32:22 +00:00
Code Issues Projects Releases Wiki Activity

uiux(StatusChatInput): highlight matching formatting option

Browse Source 
This will highlight any option in the text formatting menu whose
formatting matches the selected text formatting

Closes #1931
This commit is contained in:
Pascal Precht 2021-03-03 16:38:46 +01:00 committed by Iuri Matias
parent e94cfaec74
commit e6f17fdf55
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/shared/status/StatusChatInput.qml
View File

@ -708,6 +708,10 @@ Rectangle {
StatusTextFormatMenu { StatusTextFormatMenu {
id: textFormatMenu id: textFormatMenu
function surroundedBy(chars) {
return messageInputField.selectedText.trim().startsWith(chars) &&
messageInputField.selectedText.trim().endsWith(chars)
}
Action { Action {
icon.name: "format-text-bold" icon.name: "format-text-bold"
icon.width: 12 icon.width: 12
@ -715,6 +719,7 @@ Rectangle {
onTriggered: wrapSelection("**") onTriggered: wrapSelection("**")
//% "Bold" //% "Bold"
text: qsTrId("bold") text: qsTrId("bold")
checked: textFormatMenu.surroundedBy("**")
} }
Action { Action {
icon.name: "format-text-italic" icon.name: "format-text-italic"
@ -723,6 +728,7 @@ Rectangle {
onTriggered: wrapSelection("*") onTriggered: wrapSelection("*")
//% "Italic" //% "Italic"
text: qsTrId("italic") text: qsTrId("italic")
checked: textFormatMenu.surroundedBy("*") && !textFormatMenu.surroundedBy("**")
} }
Action { Action {
icon.name: "format-text-strike-through" icon.name: "format-text-strike-through"
@ -731,6 +737,7 @@ Rectangle {
onTriggered: wrapSelection("~~") onTriggered: wrapSelection("~~")
//% "Strikethrough" //% "Strikethrough"
text: qsTrId("strikethrough") text: qsTrId("strikethrough")
checked: textFormatMenu.surroundedBy("~~")
} }
Action { Action {
icon.name: "format-text-code" icon.name: "format-text-code"
@ -739,6 +746,7 @@ Rectangle {
onTriggered: wrapSelection("`") onTriggered: wrapSelection("`")
//% "Code" //% "Code"
text: qsTrId("code") text: qsTrId("code")
checked: textFormatMenu.surroundedBy("`")
} }
} }
} }

1
ui/shared/status/StatusTextFormatMenu.qml
View File

@ -65,6 +65,7 @@ Menu {
icon.width: menuItem.action.icon.width icon.width: menuItem.action.icon.width
icon.height: menuItem.action.icon.height icon.height: menuItem.action.icon.height
onClicked: menuItem.action.trigger() onClicked: menuItem.action.trigger()
highlighted: menuItem.action.checked
StatusToolTip { StatusToolTip {
visible: parent.hovered visible: parent.hovered
text: menuItem.action.text text: menuItem.action.text