ESCA111/neochat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pick a better shadow and clean up emoji popup backgrounds

Browse Source 
These shadows are now closer to how other popups look.

(cherry picked from commit fe3bf3a638)
This commit is contained in:
Joshua Goins
2023-07-26 01:47:56 -04:00
parent 5ca85dc670
commit 48b8703156
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/qml/Component/Emoji/EmojiTonesPicker.qml
View File

@@ -30,11 +30,16 @@ QQC2.Popup {
onOpened: x = Math.min(parent.mapFromGlobal(QQC2.Overlay.overlay.width - tones.width, 0).x, -(width - parent.width) / 2) onOpened: x = Math.min(parent.mapFromGlobal(QQC2.Overlay.overlay.width - tones.width, 0).x, -(width - parent.width) / 2)
background: Kirigami.ShadowedRectangle { background: Kirigami.ShadowedRectangle {
color: Kirigami.Theme.backgroundColor color: Kirigami.Theme.backgroundColor
radius: Kirigami.Units.smallSpacing radius: Kirigami.Units.mediumSpacing
shadow.size: Kirigami.Units.smallSpacing shadow {
shadow.color: Qt.rgba(0.0, 0.0, 0.0, 0.10) size: Kirigami.Units.largeSpacing
border.color: Kirigami.ColorUtils.tintWithAlpha(color, Kirigami.Theme.textColor, 0.15) color: Qt.rgba(0.0, 0.0, 0.0, 0.3)
border.width: 1 yOffset: 2
}
border {
color: Kirigami.ColorUtils.tintWithAlpha(color, Kirigami.Theme.textColor, 0.15)
width: 1
}
} }
ListView { ListView {

15
src/qml/Dialog/EmojiDialog.qml
View File

@@ -34,11 +34,16 @@ QQC2.Popup {
background: Kirigami.ShadowedRectangle { background: Kirigami.ShadowedRectangle {
Kirigami.Theme.colorSet: Kirigami.Theme.View Kirigami.Theme.colorSet: Kirigami.Theme.View
color: Kirigami.Theme.backgroundColor color: Kirigami.Theme.backgroundColor
radius: Kirigami.Units.smallSpacing radius: Kirigami.Units.mediumSpacing
shadow.size: Kirigami.Units.smallSpacing shadow {
shadow.color: Qt.rgba(0.0, 0.0, 0.0, 0.10) size: Kirigami.Units.largeSpacing
border.color: Kirigami.ColorUtils.tintWithAlpha(color, Kirigami.Theme.textColor, 0.15) color: Qt.rgba(0.0, 0.0, 0.0, 0.3)
border.width: 2 yOffset: 2
}
border {
color: Kirigami.ColorUtils.tintWithAlpha(color, Kirigami.Theme.textColor, 0.15)
width: 2
}
} }
modal: true modal: true