Feature: Mobile Design Options Overlay

[igeligel]

trafficstars

Type of Feature

• [ ] API Extension
• [X] UI Feature
• [ ] other:

How would it look like

Before:

After

// src/OptionsOverlay.tsx
// This style has to be extended
const OverlayOption = styled.div`
  box-sizing: border-box;
  font-size: 14px;
  font-family: Roboto;
  line-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: inline-block;
  min-width: 15%;
  cursor: pointer;

  @media screen and (max-width: 720px) {
    min-width: auto;
    padding-right: 10px;
  }

  :hover {
    border-radius: 3px;
    background-color: #f5f5f5;
  }
`;

Resources

• Media Queries

Files involved

• ./src/OptionsOverlay.tsx

[ARKEOLOGIST]

@igeligel if this isn't assigned already, I would love to work on it.

[igeligel]

Heey @ARKEOLOGIST Feel free to take it. It would be much easier to implement after #69 though.