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

@@ -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 {