Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00
Code Issues Projects Releases Wiki Activity

DLC: Next Puzzle button & Search functionality, other stuff

Browse Source
This commit is contained in:
tobspr
2021-08-25 16:56:52 +02:00
parent 06d5c6a6dc
commit 8b5cd160b6
14 changed files with 439 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/css/states/puzzle_menu.scss
View File

@@ -15,8 +15,73 @@
}
> .container {
.searchForm {
display: flex;
align-items: center;
justify-content: center;
color: #333;
background: $accentColorBright;
@include S(padding, 5px);
@include S(border-radius, $globalBorderRadius);
flex-wrap: wrap;
input.search {
color: #333;
margin: 0;
display: inline-block;
flex-grow: 1;
@include S(padding, 5px, 10px);
@include S(min-width, 50px);
&::placeholder {
color: #aaa;
}
}
select {
color: #333;
border: 0;
@include S(padding, 5px);
@include S(border-radius, $globalBorderRadius);
@include S(padding, 7px, 10px);
@include S(margin-left, 5px);
@include PlainText;
}
.filterCompleted {
@include S(margin-left, 20px);
pointer-events: all;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
@include PlainText;
@include S(margin-right, 10px);
input {
@include S(width, 15px);
@include S(height, 15px);
@include S(margin-right, 5px);
@include S(border-radius, $globalBorderRadius);
border: 0;
}
}
button[type="submit"] {
@include S(padding, 7px, 10px, 5px);
@include S(margin-left, 20px);
@include S(margin-top, 4px);
@include S(margin-bottom, 4px);
margin-left: auto;
}
}
> .mainContent {
overflow: hidden;
display: flex;
flex-direction: column;
> .categoryChooser {
> .categories {
@@ -79,8 +144,8 @@
@include S(grid-gap, 7px);
@include S(margin-top, 10px);
@include S(padding-right, 4px);
@include S(height, 320px);
overflow-y: scroll;
flex-grow: 1;
pointer-events: all;
position: relative;

10
src/css/states/settings.scss
View File

@@ -50,7 +50,8 @@
}
button.categoryButton,
button.about {
button.about,
button.privacy {
background-color: $colorCategoryButton;
color: #777a7f;
@@ -68,6 +69,10 @@
}
}
button.privacy {
@include S(margin-top, 4px);
}
.versionbar {
@include S(margin-top, 10px);
@@ -180,7 +185,8 @@
.container .content {
.sidebar {
button.categoryButton,
button.about {
button.about,
button.privacy {
color: #ccc;
background-color: darken($darkModeControlsBackground, 5);