theforeman/foreman-docker

View on GitHub
app/assets/stylesheets/foreman_docker/terminal.css.scss

Summary

Maintainability
Test Coverage
.terminal {
  .terminal-output .format {
    display: inline-block;
  }
  .terminal-output div div {
    display: inline-block;
  }
  .clipboard {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.01;
    filter: alpha(opacity = 0.01);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.01);
    width: 2px;
  }
}

.terminal {
  padding: 10px;
  position: relative;
  overflow-y: scroll ;
}

.terminal {
  .terminal-output div div {
    display: block;
    line-height: 14px;
    height: auto;
  }
  .prompt {
    display: block;
    line-height: 14px;
    height: auto;
    float: left;
  }
  font-family: FreeMono,monospace;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(47, 47, 47, 1);
  font-size: 12px;
  line-height: 14px;
}

.terminal-output > div {
  min-height: 14px;
}

.terminal {
  .terminal-output div span {
    display: inline-block;
  }
  .terminal-output div {
    div::-moz-selection, span::-moz-selection {
      color: rgba(255, 255, 255, 1);
      background-color: rgba(47, 47, 47, 1);
    }
    div {
      a::-moz-selection, &::selection, a::selection {
        color: rgba(255, 255, 255, 1);
        background-color: rgba(47, 47, 47, 1);
      }
    }
    span::selection {
      color: rgba(255, 255, 255, 1);
      background-color: rgba(47, 47, 47, 1);
    }
  }
  .terminal-output div.error {
    color: red;
    div {
      color: red;
    }
  }
}

.clear {
  clear: both;
}

.terminal a {
  color: #0F60FF;
  &:hover {
    color: red;
  }
}