Changeset 4698b86 in subsurface


Ignore:
Timestamp:
Jul 8, 2017, 11:06:04 AM (5 months ago)
Author:
Dirk Hohndel <dirk@…>
Branches:
master
Children:
22a0ebe
Parents:
4c4b7285
git-author:
Joakim Bygdell <j.bygdell@…> (07/08/17 10:17:10)
git-committer:
Dirk Hohndel <dirk@…> (07/08/17 11:06:04)
Message:

QML UI: Style the radio buttons

This styles the radio buttons in the preferences pane
so they follows the theme colors.

Signed-off-by: Joakim Bygdell <j.bygdell@…>

File:
1 edited

Legend:

Unmodified
Added
Removed
  • mobile-widgets/qml/Preferences.qml

    r206df22 r4698b86  
    5353
    5454                RadioButton {
     55                        id: bluebutton
    5556                        checked: subsurfaceTheme.currentTheme === "Blue"
    5657                        onClicked: {
    5758                                blueTheme()
     59                        }
     60                        indicator: Rectangle {
     61                                implicitWidth: 20
     62                                implicitHeight: 20
     63                                x: bluebutton.leftPadding
     64                                y: parent.height / 2 - height / 2
     65                                radius: 4
     66                                border.color: bluebutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     67                                color: subsurfaceTheme.backgroundColor
     68
     69                                Rectangle {
     70                                    width: 12
     71                                    height: 12
     72                                    x: 4
     73                                    y: 4
     74                                    radius: 3
     75                                    color: bluebutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     76                                    visible: bluebutton.checked
     77                                }
    5878                        }
    5979                }
     
    99119
    100120                RadioButton {
     121                        id: pinkbutton
    101122                        checked: subsurfaceTheme.currentTheme === "Pink"
    102123                        onClicked: {
    103124                                pinkTheme()
     125                        }
     126                        indicator: Rectangle {
     127                                implicitWidth: 20
     128                                implicitHeight: 20
     129                                x: pinkbutton.leftPadding
     130                                y: parent.height / 2 - height / 2
     131                                radius: 4
     132                                border.color: pinkbutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     133                                color: subsurfaceTheme.backgroundColor
     134
     135                                Rectangle {
     136                                    width: 12
     137                                    height: 12
     138                                    x: 4
     139                                    y: 4
     140                                    radius: 3
     141                                    color: pinkbutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     142                                    visible: pinkbutton.checked
     143                                }
    104144                        }
    105145                }
     
    145185
    146186                RadioButton {
     187                        id: darkbutton
    147188                        checked: subsurfaceTheme.currentTheme === "Dark"
    148189                        onClicked: {
    149190                                darkTheme()
     191                        }
     192                        indicator: Rectangle {
     193                                implicitWidth: 20
     194                                implicitHeight: 20
     195                                x: darkbutton.leftPadding
     196                                y: parent.height / 2 - height / 2
     197                                radius: 4
     198                                border.color: darkbutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     199                                color: subsurfaceTheme.backgroundColor
     200
     201                                Rectangle {
     202                                    width: 12
     203                                    height: 12
     204                                    x: 4
     205                                    y: 4
     206                                    radius: 3
     207                                    color: darkbutton.down ? subsurfaceTheme.PrimaryColor : subsurfaceTheme.darkerPrimaryColor
     208                                    visible: darkbutton.checked
     209                                }
    150210                        }
    151211                }
Note: See TracChangeset for help on using the changeset viewer.