@c8y/style/styles/_browser-mock.less

Styles for Cumulocity IoT applications

.c8y-browser-mock {
  .browser-container {
    border: 0;
  }

  .browser-row {
    position: relative;
    padding: 10px;
    background: inherit;
  }

  /* Create three unequal columns that floats next to each other */
  .column {
    float: left;
  }

  .buttons {
    width: 60px;

    .dot {
      display: inline-block;
      margin-top: 4px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: @gray-70;
    }
  }

  .tab {
    position: absolute;
    top: 2px;
    left: 80px;
    padding: 10px;
    width: 20%;
    border: 1px solid @component-border-color;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    background-color: @component-background-default;
    color: @gray-40;

    img {
      float: left;
      margin: 1px 6px 1px 2px;
      width: 16px;
      height: 16px;
    }
  }

  .browser-content {
    margin: 0;
    border-top: 1px solid @component-border-color;
  }

  iframe {
    height: calc(100vh - 337px);
    border: 0;
  }
}