Virtual Numpad on mobile

[mildronize]

Blink Cursor

html

<span
  autoFocus
  className="flex-item input-cursor blink"
  style={{
    display: 'flex',
    width: "50px",
    justifyContent: "end",
    alignItems: "center",
    fontSize: "16px", // Use font 16px prevent zooming on mobile
    backgroundColor: alpha("#ffffff", 0.0),
  }}
>{props.assigned} </span>

css

.input-cursor {
  position: relative;
  /* height: 20px; */
  border-right: 2px solid transparent;
}

.input-cursor.blink {
  animation: blinkCursor 1s steps(1, start) infinite;
}

@keyframes blinkCursor {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: #133373;
  }
}