Skip to content

Commit

Permalink
Make the clocks slightly bigger when in mobile vertical mode, in orde…
Browse files Browse the repository at this point in the history
…r to remove the small gap between the bottom clock and the board.
  • Loading branch information
johndoknjas committed Feb 4, 2025
1 parent 4f3854f commit f04e696
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 0 deletions.
2 changes: 2 additions & 0 deletions ui/round/css/_clock.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@
/* that weird shit is required so the clock goes above the player since they share the same grid cell */
justify-self: flex-end;
z-index: 1;
margin-top: $col1-clock-margin-top;
}

/* overflow: hidden; is not possible because of clock bars and shadows */
Expand Down Expand Up @@ -94,6 +95,7 @@
@include mq-is-col1 {
border-radius: 0;
box-shadow: none;
line-height: $col1-player-clock-height - $col1-clock-margin-top;
}

@include mq-at-least-col2 {
Expand Down
1 change: 1 addition & 0 deletions ui/round/css/_constants.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
// layout
$col1-player-clock-height: 50px;
$col1-clock-margin-top: -3px;
$col1-user-height: $col1-player-clock-height * 3 / 5;
$col1-mat-height: $col1-player-clock-height * 2 / 5;
$col1-moves-height: 4em;
Expand Down

0 comments on commit f04e696

Please sign in to comment.