RibbonPopup,RibbonButton,RibbonTour,RibbonComboBox,RibbonPopupDialog: Use the suitable radius and follow the RibbonBlur's change.(#7)
This commit is contained in:
parent
8ccc7d3920
commit
4ea04772d4
|
@ -32,7 +32,7 @@ Button {
|
|||
visible: showBg
|
||||
border.color: isDarkMode ? "#7F7F7F" : "#D2D1CE"
|
||||
border.width: 1
|
||||
radius: 3
|
||||
radius: 5
|
||||
color: bgColor
|
||||
}
|
||||
contentItem: Item{
|
||||
|
@ -41,7 +41,7 @@ Button {
|
|||
implicitHeight: adaptHeight?root.parent.height>=layout.height?root.parent.height:layout.height:layout.height + 10
|
||||
Rectangle{
|
||||
anchors.fill: parent
|
||||
radius: 3
|
||||
radius: background.radius
|
||||
color: {
|
||||
if (root.pressed)
|
||||
return pressedColor
|
||||
|
|
|
@ -173,8 +173,8 @@ ComboBox {
|
|||
background: RibbonBlur{
|
||||
radius: 5
|
||||
maskOpacity: 1
|
||||
maskBorder.color: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderColor: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
|
|
|
@ -58,7 +58,7 @@ Popup {
|
|||
RectangularGlow {
|
||||
id: effect
|
||||
anchors.fill: blur
|
||||
anchors.margins: blur.maskBorder.width
|
||||
anchors.margins: blur.maskBorderWidth
|
||||
glowRadius: 20
|
||||
spread: 0
|
||||
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
|
||||
|
@ -68,12 +68,12 @@ Popup {
|
|||
implicitHeight: parent.height
|
||||
implicitWidth: parent.width
|
||||
id: blur
|
||||
radius: 20
|
||||
radius: 7
|
||||
maskOpacity: blurEnabled ? 0.9 : 1
|
||||
maskBorder.color: RibbonTheme.modernStyle ?
|
||||
maskBorderColor: RibbonTheme.modernStyle ?
|
||||
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
|
||||
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
}
|
||||
contentItem: Item{
|
||||
|
|
|
@ -13,7 +13,6 @@ RibbonPopup {
|
|||
property bool isDarkMode: RibbonTheme.isDarkMode
|
||||
property int contentMargins: 20
|
||||
showCloseBtn: false
|
||||
radius: 5
|
||||
signal neutralClicked
|
||||
signal negativeClicked
|
||||
signal positiveClicked
|
||||
|
@ -25,7 +24,7 @@ RibbonPopup {
|
|||
id:layout_content
|
||||
anchors.fill: parent
|
||||
color: 'transparent'
|
||||
radius:5
|
||||
radius:3
|
||||
RibbonText{
|
||||
id:text_title
|
||||
font.pixelSize: 24
|
||||
|
|
|
@ -43,7 +43,7 @@ Popup {
|
|||
RectangularGlow {
|
||||
id: effect
|
||||
anchors.fill: blur
|
||||
anchors.margins: blur.maskBorder.width
|
||||
anchors.margins: blur.maskBorderWidth
|
||||
glowRadius: 10
|
||||
spread: 0
|
||||
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
|
||||
|
@ -53,12 +53,12 @@ Popup {
|
|||
implicitHeight: parent.height
|
||||
implicitWidth: parent.width
|
||||
id: blur
|
||||
radius: 10
|
||||
radius: 7
|
||||
maskOpacity: blurEnabled ? 0.9 : 1
|
||||
maskBorder.color: RibbonTheme.modernStyle ?
|
||||
maskBorderColor: RibbonTheme.modernStyle ?
|
||||
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
|
||||
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
}
|
||||
contentItem: Item{
|
||||
|
|
|
@ -32,7 +32,7 @@ Button {
|
|||
visible: showBg
|
||||
border.color: isDarkMode ? "#7F7F7F" : "#D2D1CE"
|
||||
border.width: 1
|
||||
radius: 3
|
||||
radius: 5
|
||||
color: bgColor
|
||||
}
|
||||
contentItem: Item{
|
||||
|
@ -41,7 +41,7 @@ Button {
|
|||
implicitHeight: adaptHeight?root.parent.height>=layout.height?root.parent.height:layout.height:layout.height + 10
|
||||
Rectangle{
|
||||
anchors.fill: parent
|
||||
radius: 3
|
||||
radius: background.radius
|
||||
color: {
|
||||
if (root.pressed)
|
||||
return pressedColor
|
||||
|
|
|
@ -171,8 +171,8 @@ ComboBox {
|
|||
background: RibbonBlur{
|
||||
radius: 5
|
||||
maskOpacity: 1
|
||||
maskBorder.color: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderColor: RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
|
||||
enter: Transition {
|
||||
|
|
|
@ -58,7 +58,7 @@ Popup {
|
|||
RectangularGlow {
|
||||
id: effect
|
||||
anchors.fill: blur
|
||||
anchors.margins: blur.maskBorder.width
|
||||
anchors.margins: blur.maskBorderWidth
|
||||
glowRadius: 20
|
||||
spread: 0
|
||||
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
|
||||
|
@ -68,12 +68,12 @@ Popup {
|
|||
implicitHeight: parent.height
|
||||
implicitWidth: parent.width
|
||||
id: blur
|
||||
radius: 20
|
||||
radius: 7
|
||||
maskOpacity: blurEnabled ? 0.9 : 1
|
||||
maskBorder.color: RibbonTheme.modernStyle ?
|
||||
maskBorderColor: RibbonTheme.modernStyle ?
|
||||
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
|
||||
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
}
|
||||
contentItem: Item{
|
||||
|
|
|
@ -14,7 +14,6 @@ RibbonPopup {
|
|||
property bool isDarkMode: RibbonTheme.isDarkMode
|
||||
property int contentMargins: 20
|
||||
showCloseBtn: false
|
||||
radius: 5
|
||||
signal neutralClicked
|
||||
signal negativeClicked
|
||||
signal positiveClicked
|
||||
|
@ -26,7 +25,7 @@ RibbonPopup {
|
|||
id:layout_content
|
||||
anchors.fill: parent
|
||||
color: 'transparent'
|
||||
radius:5
|
||||
radius:3
|
||||
RibbonText{
|
||||
id:text_title
|
||||
font.pixelSize: 24
|
||||
|
|
|
@ -44,7 +44,7 @@ Popup {
|
|||
RectangularGlow {
|
||||
id: effect
|
||||
anchors.fill: blur
|
||||
anchors.margins: blur.maskBorder.width
|
||||
anchors.margins: blur.maskBorderWidth
|
||||
glowRadius: 10
|
||||
spread: 0
|
||||
color: RibbonTheme.isDarkMode ? Qt.rgba(0,0,0,0.7) : Qt.rgba(0,0,0,0.45)
|
||||
|
@ -54,12 +54,12 @@ Popup {
|
|||
implicitHeight: parent.height
|
||||
implicitWidth: parent.width
|
||||
id: blur
|
||||
radius: 10
|
||||
radius: 7
|
||||
maskOpacity: blurEnabled ? 0.9 : 1
|
||||
maskBorder.color: RibbonTheme.modernStyle ?
|
||||
maskBorderColor: RibbonTheme.modernStyle ?
|
||||
RibbonTheme.isDarkMode ? "#7A7A7A" : "#2C59B7" :
|
||||
RibbonTheme.isDarkMode ? "#5C5D5D" : "#B5B4B5"
|
||||
maskBorder.width: 1
|
||||
maskBorderWidth: 1
|
||||
}
|
||||
}
|
||||
contentItem: Item{
|
||||
|
|
Loading…
Reference in New Issue