Browse Source

Fix: fix css to make Doodle works on mobile

closed-social-glitch-2
欧醚 1 year ago
parent
commit
514bef1105
1 changed files with 5 additions and 0 deletions
  1. +5
    -0
      app/javascript/flavours/glitch/styles/components/doodle.scss

+ 5
- 0
app/javascript/flavours/glitch/styles/components/doodle.scss View File

@ -10,6 +10,8 @@ $doodle-background: #d9e1e8;
background: $doodle-background; background: $doodle-background;
text-align: center; text-align: center;
line-height: 0; // remove weird gap under canvas line-height: 0; // remove weird gap under canvas
overflow: auto;
canvas { canvas {
border: 5px solid $doodle-background; border: 5px solid $doodle-background;
} }
@ -18,6 +20,9 @@ $doodle-background: #d9e1e8;
.doodle-modal__action-bar { .doodle-modal__action-bar {
@extend .boost-modal__action-bar; @extend .boost-modal__action-bar;
flex-wrap: wrap;
flex: 0 0 auto;
.filler { .filler {
flex-grow: 1; flex-grow: 1;
margin: 0; margin: 0;

Loading…
Cancel
Save