status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

uiux(Profile): adjust layout max width of profile sections 

Closes #1994
This commit is contained in:
Pascal Precht 2021-03-18 10:33:39 +01:00 committed by Iuri Matias
parent 010a7e0d8e
commit 29c7f7b91d
13 changed files with 278 additions and 292 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/AppLayouts/Profile/ProfileLayout.qml
View File

@ -7,6 +7,7 @@ import "./Sections"
SplitView { SplitView {
property int contentMargin: 120 property int contentMargin: 120
property int contentMaxWidth: 624
property int topMargin: 46 property int topMargin: 46
property alias changeProfileSection: leftTab.changeProfileSection property alias changeProfileSection: leftTab.changeProfileSection
@ -38,10 +39,6 @@ SplitView {
anchors.topMargin: 0 anchors.topMargin: 0
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.bottomMargin: 0 anchors.bottomMargin: 0
anchors.right: parent.right
anchors.rightMargin: Style.current.padding
anchors.left: leftTab.right
anchors.leftMargin: Style.current.padding
currentIndex: leftTab.currentTab currentIndex: leftTab.currentTab
// This list needs to match LeftTab/constants.js // This list needs to match LeftTab/constants.js

6
ui/app/AppLayouts/Profile/Sections/AboutContainer.qml
View File

@ -15,10 +15,8 @@ Item {
spacing: Style.current.bigPadding spacing: Style.current.bigPadding
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 46 anchors.topMargin: 46
anchors.left: parent.left width: contentMaxWidth
anchors.leftMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.right: parent.right
anchors.rightMargin: contentMargin
StatusSectionDescItem { StatusSectionDescItem {
//% "App version" //% "App version"

6
ui/app/AppLayouts/Profile/Sections/AdvancedContainer.qml
View File

@ -15,10 +15,8 @@ Item {
id: generalColumn id: generalColumn
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: topMargin anchors.topMargin: topMargin
anchors.left: parent.left width: contentMaxWidth
anchors.leftMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.right: parent.right
anchors.rightMargin: contentMargin
StatusSettingsLineButton { StatusSettingsLineButton {
//% "Network" //% "Network"

6
ui/app/AppLayouts/Profile/Sections/AppearanceContainer.qml
View File

@ -37,10 +37,8 @@ ScrollView {
Item { Item {
id: appearanceContainer id: appearanceContainer
anchors.right: parent.right width: contentMaxWidth
anchors.rightMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.leftMargin: contentMargin
height: this.childrenRect.height + 100 height: this.childrenRect.height + 100
ButtonGroup { ButtonGroup {

6
ui/app/AppLayouts/Profile/Sections/BrowserContainer.qml
View File

@ -21,11 +21,9 @@ Item {
Item { Item {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: topMargin anchors.topMargin: topMargin
anchors.left: parent.left
anchors.leftMargin: contentMargin
anchors.right: parent.right
anchors.rightMargin: contentMargin
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
Column { Column {
id: generalColumn id: generalColumn

6
ui/app/AppLayouts/Profile/Sections/ContactsContainer.qml
View File

@ -18,10 +18,8 @@ Item {
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 32 anchors.topMargin: 32
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
anchors.right: parent.right width: contentMaxWidth
anchors.rightMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.leftMargin: contentMargin
SearchBox { SearchBox {
id: searchBox id: searchBox

12
ui/app/AppLayouts/Profile/Sections/HelpContainer.qml
View File

@ -19,11 +19,9 @@ Item {
Item { Item {
id: glossary id: glossary
anchors.top: parent.top anchors.top: parent.top
anchors.right: parent.right
anchors.rightMargin: contentMargin
anchors.left: parent.left
anchors.leftMargin: contentMargin
height: this.childrenRect.height height: this.childrenRect.height
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
StatusSectionHeadline { StatusSectionHeadline {
id: glossaryTitle id: glossaryTitle
@ -127,11 +125,9 @@ Item {
id: linksSection id: linksSection
anchors.top: glossary.bottom anchors.top: glossary.bottom
anchors.topMargin: Style.current.bigPadding * 2 anchors.topMargin: Style.current.bigPadding * 2
anchors.left: parent.left
anchors.leftMargin: contentMargin
anchors.right: parent.left
anchors.rightMargin: contentMargin
height: this.childrenRect.height height: this.childrenRect.height
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
StyledText { StyledText {
id: faqLink id: faqLink

4
ui/app/AppLayouts/Profile/Sections/LanguageContainer.qml
View File

@ -10,6 +10,9 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
Item {
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
StyledText { StyledText {
id: title id: title
//% "Language settings" //% "Language settings"
@ -80,3 +83,4 @@ Item {
} }
} }
} }
}

9
ui/app/AppLayouts/Profile/Sections/MyProfileContainer.qml
View File

@ -11,8 +11,7 @@ Item {
property string pubkey: profileModel.profile.pubKey property string pubkey: profileModel.profile.pubKey
id: profileHeaderContent id: profileHeaderContent
height: parent.height anchors.fill: parent
Layout.fillWidth: true
Component { Component {
id: changeProfileModalComponent id: changeProfileModalComponent
@ -23,10 +22,8 @@ Item {
id: profileImgNameContainer id: profileImgNameContainer
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: 64 anchors.topMargin: 64
anchors.right: parent.right width: contentMaxWidth
anchors.rightMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.leftMargin: contentMargin
height: this.childrenRect.height height: this.childrenRect.height

6
ui/app/AppLayouts/Profile/Sections/NotificationsContainer.qml
View File

@ -15,10 +15,8 @@ ScrollView {
Item { Item {
id: notificationsContainer id: notificationsContainer
anchors.right: parent.right width: contentMaxWidth
anchors.rightMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.leftMargin: contentMargin
height: this.childrenRect.height + 100 height: this.childrenRect.height + 100
property Component mutedChatsModalComponent: MutedChatsModal {} property Component mutedChatsModalComponent: MutedChatsModal {}

7
ui/app/AppLayouts/Profile/Sections/PrivacyContainer.qml
View File

@ -15,11 +15,8 @@ Item {
id: containerColumn id: containerColumn
anchors.top: parent.top anchors.top: parent.top
anchors.topMargin: topMargin anchors.topMargin: topMargin
anchors.right: parent.right width: contentMaxWidth
anchors.rightMargin: contentMargin anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.leftMargin: contentMargin
anchors.bottom: parent.bottom
StatusSectionHeadline { StatusSectionHeadline {
id: labelSecurity id: labelSecurity

5
ui/app/AppLayouts/Profile/Sections/SoundsContainer.qml
View File

@ -10,6 +10,9 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
Item {
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
StyledText { StyledText {
id: element5 id: element5
//% "Sounds settings" //% "Sounds settings"
@ -47,7 +50,7 @@ Item {
appSettings.volume = volume.value appSettings.volume = volume.value
} }
} }
}
} }
/*##^## /*##^##

4
ui/app/AppLayouts/Profile/Sections/SyncContainer.qml
View File

@ -10,6 +10,9 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.fillWidth: true Layout.fillWidth: true
Item {
width: contentMaxWidth
anchors.horizontalCenter: parent.horizontalCenter
StyledText { StyledText {
id: element4 id: element4
//% "Sync settings" //% "Sync settings"
@ -183,3 +186,4 @@ Item {
visible: !automaticSelectionSwitch.checked visible: !automaticSelectionSwitch.checked
} }
} }
}