Skip to content

Commit

Permalink
Make more space for board in col1 - close #799
Browse files Browse the repository at this point in the history
  • Loading branch information
WandererXII committed Mar 14, 2024
1 parent c3c6999 commit 75fc8e6
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 10 deletions.
13 changes: 7 additions & 6 deletions ui/round/css/_app-layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -35,14 +35,15 @@
$col1-player-clock-height
auto
auto
auto;
$col1-player-clock-height;

grid-template-areas:
'moves'
'.' // for move confirm
'user-top'
'board'
'expi-bot'
'user-bot'
'moves'
'kb-move'
'controls';

Expand Down Expand Up @@ -70,19 +71,19 @@
.keyboard-move {
margin-left: $block-gap;
}
.rmoves {
margin-top: 1vmin;
}

&.move-confirm {
// replace move list with move confirmation
grid-template-areas:
'controls'
'user-top'
'board'
'expi-bot'
'user-bot'
'moves'
'kb-move';
.rmoves {
display: none;
}
}
}

Expand Down
6 changes: 2 additions & 4 deletions ui/round/css/_layout.scss
Original file line number Diff line number Diff line change
@@ -1,10 +1,8 @@
#main-wrap {
--main-max-width: auto;
@include breakpoint($mq-col1) {
$vertical-total: 100vh - #{$site-header-outer-height} - #{$col1-player-clock-height * 2} - #{$col1-moves-height} - #{$hands-gap} -
3vmin;
$vertical-total-no-hands: 100vh - #{$site-header-outer-height} - #{$col1-player-clock-height * 2} - #{$col1-moves-height} -
1vmin;
$vertical-total: 100vh - #{$site-header-outer-height} - #{$col1-player-clock-height * 2} - #{$hands-gap} - 2vmin;
$vertical-total-no-hands: 100vh - #{$site-header-outer-height} - #{$col1-player-clock-height * 2} - 1vmin;
--main-max-width: calc((#{$vertical-total}) / 12 * 9);
&:has(.main-v-minishogi, .main-v-kyotoshogi) {
--main-max-width: calc((#{$vertical-total}) / 7 * 5 / 12 * 11);
Expand Down

0 comments on commit 75fc8e6

Please sign in to comment.