ONIMAI-SMP/Launcher
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Accessibility changes, made the UI bigger and easier to read on the home screen

Browse Source
This commit is contained in:
Peter 2021-07-15 16:59:04 +01:00
parent 55bbb2ac71
commit 63255ac403
1 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3011,7 +3011,7 @@ input:checked + .toggleSwitchSlider:before {
/* User profile name text. */ /* User profile name text. */
#user_text { #user_text {
font-size: 12px; font-size: 18px;
min-width: 135px; min-width: 135px;
font-weight: 900; font-weight: 900;
letter-spacing: 1px; letter-spacing: 1px;
@ -3061,7 +3061,7 @@ input:checked + .toggleSwitchSlider:before {
height: 12px; height: 12px;
transition: 0.25s ease; transition: 0.25s ease;
cursor: pointer; cursor: pointer;
height: 12px; height: 20px;
width: 25px; width: 25px;
} }
.mediaSVG:hover, .mediaSVG:hover,
@ -3083,6 +3083,7 @@ input:checked + .toggleSwitchSlider:before {
display: flex; display: flex;
align-items: center; align-items: center;
outline: none; outline: none;
margin: 3px;
} }
#settingsMediaContainer { #settingsMediaContainer {
@ -3094,10 +3095,15 @@ input:checked + .toggleSwitchSlider:before {
stroke: #ffffff; stroke: #ffffff;
height: 15px; height: 15px;
} }
#openInstanceSVG:hover {
height: 30px;
}
.mediaButton:hover #settingsSVG, .mediaButton:hover #settingsSVG,
.mediaButton:focus #settingsSVG, .mediaButton:focus #settingsSVG,
.mediaButton:active #settingsSVG { .mediaButton:active #settingsSVG {
height: 23px; height: 30px;
} }
#refreshSVG:active { #refreshSVG:active {
@ -3106,6 +3112,7 @@ input:checked + .toggleSwitchSlider:before {
#refreshSVG:hover, #refreshSVG:hover,
#refreshSVG:focus { #refreshSVG:focus {
fill: #ffffff; fill: #ffffff;
height: 30px;
} }
#refreshSVG:active { #refreshSVG:active {
fill: #ffffff; fill: #ffffff;
@ -3129,6 +3136,7 @@ input:checked + .toggleSwitchSlider:before {
font-size: 12px; font-size: 12px;
line-height: 20px; line-height: 20px;
transition: visibility 0s linear 0.25s, opacity 0.25s ease; transition: visibility 0s linear 0.25s, opacity 0.25s ease;
margin-right: -18px;
} }
#settingsTooltip::after { #settingsTooltip::after {
content: " "; content: " ";
@ -3193,7 +3201,7 @@ input:checked + .toggleSwitchSlider:before {
/* Style for a general label on the bottom of the landing view. */ /* Style for a general label on the bottom of the landing view. */
.bot_label { .bot_label {
font-size: 9px; font-size: 15px;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold; font-weight: bold;
text-shadow: 0px 0px 0px #bebcbb; text-shadow: 0px 0px 0px #bebcbb;
@ -3204,8 +3212,8 @@ input:checked + .toggleSwitchSlider:before {
height: 25px; height: 25px;
width: 2px; width: 2px;
background: rgba(107, 105, 105, 0.7); background: rgba(107, 105, 105, 0.7);
margin-left: 20px; margin-left: 50px;
margin-right: 20px; margin-right: 11px;
} }
/* * * /* * *
@ -3221,7 +3229,7 @@ input:checked + .toggleSwitchSlider:before {
/* Span which displays the player count of the selected server. */ /* Span which displays the player count of the selected server. */
#player_count { #player_count {
color: #949494; color: #949494;
font-size: 8px; font-size: 15px;
font-weight: 900; font-weight: 900;
text-shadow: 0px 0px 20px #949494; text-shadow: 0px 0px 20px #949494;
margin-left: 10px; margin-left: 10px;
@ -3317,7 +3325,7 @@ input:checked + .toggleSwitchSlider:before {
/* Displays the name of the mojang service. */ /* Displays the name of the mojang service. */
.mojangStatusName { .mojangStatusName {
width: 100%; width: 100%;
font-size: 10px; font-size: 13px;
letter-spacing: 1px; letter-spacing: 1px;
line-height: 12px; line-height: 12px;
padding: 6px 0px; padding: 6px 0px;
@ -3414,6 +3422,7 @@ input:checked + .toggleSwitchSlider:before {
letter-spacing: 2px; letter-spacing: 2px;
text-shadow: 0px 0px 0px #bebcbb; text-shadow: 0px 0px 0px #bebcbb;
font-size: 20px; font-size: 20px;
margin-right: -35px;
padding: 0px; padding: 0px;
transition: 0.25s ease; transition: 0.25s ease;
outline: none; outline: none;