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

Added support for drop-in mods on the UI.

Browse Source
This commit is contained in:
Daniel Scalzi
2018-08-07 04:16:15 -04:00
parent ff3f2bfb8d
commit 556199aa55
5 changed files with 296 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1042,6 +1042,11 @@ body, button {
margin-top: 5%;
}
/* Add spacing to the bottom of each settings tab. */
.settingsTab > *:last-child {
margin-bottom: 20%;
}
/* Tab header shared styles. */
.settingsTabHeader {
display: flex;
@@ -1364,7 +1369,8 @@ input:checked + .toggleSwitchSlider:before {
* * */
#settingsReqModsContent,
#settingsOptModsContent {
#settingsOptModsContent,
#settingsDropinModsContent {
font-size: 12px;
background: rgba(0, 0, 0, 0.25);
border-radius: 3px;
@@ -1382,11 +1388,13 @@ input:checked + .toggleSwitchSlider:before {
}
#settingsReqModsContainer,
#settingsOptModsContainer {
#settingsOptModsContainer,
#settingsDropinModsContainer {
padding-bottom: 25px;
}
.settingsMod {
.settingsMod,
.settingsDropinMod {
padding: 10px;
}
@@ -1432,13 +1440,11 @@ input:checked + .toggleSwitchSlider:before {
pointer-events: none;
}
.settingsMod[enabled] > .settingsModContent > .settingsModMainWrapper > .settingsModStatus,
.settingsSubMod[enabled] > .settingsModContent > .settingsModMainWrapper > .settingsModStatus {
.settingsBaseMod[enabled] > .settingsModContent > .settingsModMainWrapper > .settingsModStatus {
background-color: rgb(165, 195, 37);
}
.settingsMod:not([enabled]) > .settingsSubModContainer .settingsModContent,
.settingsSubMod:not([enabled]) > .settingsSubModContainer .settingsModContent {
.settingsBaseMod:not([enabled]) > .settingsSubModContainer .settingsModContent {
opacity: 0.5;
}
@@ -1508,6 +1514,50 @@ settingsSubModContainer > .settingsSubMod:only-child {
opacity: 1;
}
.settingsDropinRemoveButton {
background: none;
border: none;
font-size: 10px;
text-align: left;
padding: 0px;
color: #c32625;
font-weight: bold;
cursor: pointer;
outline: none;
transition: 0.25s ease;
}
.settingsDropinRemoveButton:hover,
.settingsDropinRemoveButton:focus {
text-shadow: 0px 0px 20px #c32625, 0px 0px 20px #c32625, 0px 0px 20px #c32625;
}
.settingsDropinRemoveButton:active {
color: #9b1f1f;
text-shadow: 0px 0px 20px #9b1f1f, 0px 0px 20px #9b1f1f, 0px 0px 20px #9b1f1f;
}
#settingsDropinFileSystemButton {
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(126, 126, 126, 0.57);
border-radius: 3px;
height: 50px;
width: 100%;
text-align: left;
padding: 0px 50px;
cursor: pointer;
outline: none;
transition: 0.25s ease;
margin-bottom: 10px;
}
#settingsDropinFileSystemButton:hover,
#settingsDropinFileSystemButton:focus {
background: rgba(54, 54, 54, 0.25);
text-shadow: 0px 0px 20px white;
}
#settingsDropinRefreshNote {
font-size: 10px;
}
/* * *
* Settings View (Java Tab)
* * */