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

Show required amount in pinned shapes

This commit is contained in:
tobspr
2020-05-14 13:40:38 +02:00
parent 38970141d8
commit faa2ef9bd7
4 changed files with 67 additions and 25 deletions

View File

@@ -10,10 +10,11 @@
> .shape {
position: relative;
display: flex;
flex-direction: row;
display: grid;
align-items: center;
justify-content: center;
grid-template-columns: auto 1fr;
grid-template-rows: 1fr 1fr;
@include S(margin-bottom, 5px);
&.unpinable {
@@ -26,15 +27,34 @@
> canvas {
@include S(width, 25px);
@include S(height, 25px);
grid-column: 1 / 2;
grid-row: 1 / 3;
}
> .amountLabel {
> .amountLabel,
> .goalLabel {
@include S(margin-left, 5px);
@include SuperSmallText;
font-weight: bold;
display: inline-flex;
align-items: center;
flex-direction: row;
grid-column: 2 / 3;
@include S(height, 9px);
}
> .goalLabel {
@include S(font-size, 7px);
opacity: 0.3;
align-self: start;
justify-self: start;
grid-row: 2 / 3;
}
> .amountLabel {
align-self: end;
justify-self: start;
grid-row: 1 / 2;
}
&.marked .amountLabel {