1
0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00

Add language chooser to main menu

This commit is contained in:
tobspr
2020-06-10 12:29:21 +02:00
parent 7c0565ab35
commit 0fc1390769
30 changed files with 1124 additions and 34 deletions

View File

@@ -21,3 +21,12 @@ $icons: notification_saved, notification_success, notification_upgrade;
background-image: uiResource("res/ui/icons/#{$icon}.png") !important;
}
}
$languages: en, de, cs, da, et, es-419, fr, it, pt-BR, sv, tr, el, ru, uk, zh-TW, nb, mt-MT, ar, nl, vi, th,
hu, pl, ja;
@each $language in $languages {
[data-languageicon="#{$language}"] {
background-image: uiResource("languages/#{$language}.svg") !important;
}
}

View File

@@ -7,25 +7,39 @@
// background: #aaacb4 center center / cover !important;
background: #bbc2cf center center / cover !important;
.settingsButton,
.exitAppButton {
.topButtons {
position: absolute;
@include S(top, 30px);
@include S(right, 30px);
@include S(width, 35px);
@include S(height, 35px);
pointer-events: all;
cursor: pointer;
background: uiResource("icons/main_menu_settings.png") center center / contain no-repeat;
transition: opacity 0.12s ease-in-out;
&:hover {
opacity: 0.9;
}
}
@include S(top, 20px);
@include S(right, 20px);
display: grid;
grid-auto-flow: column;
@include S(grid-gap, 15px);
.exitAppButton {
@include S(right, 100px);
background-image: uiResource("icons/main_menu_exit.png");
.settingsButton,
.exitAppButton,
.languageChoose {
@include S(width, 25px);
@include S(height, 25px);
pointer-events: all;
cursor: pointer;
background: uiResource("icons/main_menu_settings.png") center center / contain no-repeat;
transition: opacity 0.12s ease-in-out;
@include IncreasedClickArea(2px);
&:hover {
opacity: 0.9;
}
}
.exitAppButton {
background-image: uiResource("icons/main_menu_exit.png");
}
.languageChoose {
@include S(border-radius, 8px);
border: solid #222428;
@include S(border-width, 2px);
background-size: cover;
}
}
.fullscreenBackgroundVideo {