oier/PatataLauncher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

v0.0.1-alpha.6 - Finalizing the settings account tab.

Browse Source 
Added a done button which closes the settings UI.
Displays a warning before the user logs out of the last saved account. If they proceed with the logout, they will be redirected to the login UI.
Added startup handling for when the user has 0 saved accounts. They will be brought directly to the login UI.
Accounts are now validated each time they are switched.
This commit is contained in:
Daniel Scalzi
2018-05-30 23:32:51 -04:00
parent 91c842dd40
commit 74a60a61c2
6 changed files with 107 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
app/assets/css/launcher.css
View File

@@ -922,13 +922,13 @@ body, button {
#settingsNavItemsContent {
display: flex;
flex-direction: column;
position: relative;
}
/* Navigation item shared styles. */
.settingsNavItem {
background: none;
border: none;
border-radius: 7px;
text-align: left;
margin: 5px 0px;
padding: 0px 20px;
@@ -948,6 +948,46 @@ body, button {
text-shadow: none;
}
/* Content container for the done button. */
#settingsNavContentBottom {
position: absolute;
bottom: 20%;
}
/* Settings navigational divider. */
.settingsNavDivider {
width: 75%;
height: 0.5px;
background: rgba(255, 255, 255, 0.75);
margin-left: auto;
margin-bottom: 25px;
}
/* Settings done button styles. */
#settingsNavDone {
background: none;
border: none;
text-align: left;
margin: 5px 0px;
padding: 0px 20px;
color: white;
cursor: pointer;
outline: none;
transition: 0.25s ease;
}
#settingsNavDone:hover,
#settingsNavDone:focus {
text-shadow: 0px 0px 20px white, 0px 0px 20px white, 0px 0px 20px white;
}
#settingsNavDone:active {
text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.75), 0px 0px 20px rgba(255, 255, 255, 0.75), 0px 0px 20px rgba(255, 255, 255, 0.75);
color: rgba(255, 255, 255, 0.75);
}
#settingsNavDone:disabled {
color: rgba(255, 255, 255, 0.75);
pointer-events: none;
}
/* Right hand side of the settings container, for tabs. */
#settingsContainerRight {
height: 100%;