cuebook/CueObserve

View on GitHub
ui/src/components/AnomalyDefinition/style.module.scss

Summary

Maintainability
Test Coverage


.selectedOption {
  background-color: white;
}

.optionWrapper {
  display: inline-block;
  width: 100%;
  height: 22px;
}

.subText {
  font-size: 10px;
  color: gray;
  display: inline-block;
  margin: 0;
  position: relative !important;
  top: -18px;
  border-radius: 5px;
  padding: 0px 3px;
  float: right ;
}

.option {
  margin: 0;
}

.filterWrapper {
  display: inline-block;
  width: 100%;
  position: relative;
}

.filterLabel {
  width: 100px;
  color:gray;
  position: absolute;
  float: left;
  height: 38px;
  padding: 7px 12px;
  border-radius: 0 0 0 5px;
  z-index: 99;

  i {
    margin-right: 5px;
  }
}

.cuelFilterLabel {
  width: 100px;
  background: "primary";
  color: gray;
  float: left;
  height: 38px;
  padding: 9px 20px;
  border-radius: 5px 0 0 0;

  i {
    margin-right: 5px;
  }
}

.filterEditor {
  width: 100%;
  margin-bottom: 2px;
  display: block;

}

.cuelSqlRadio {
  margin-top: 6px;
  margin-bottom: 10px;
  font-size: 12px;
  position: absolute;
  right: 0px;
  top: -14px;

  .cuelSqlRadioElement{
    height: 24px;
    line-height: 22px;
  }
}
.actions{
  text-align: right;
  font-size: 18px;
  &>span{
      margin-right: 8px;
      cursor: pointer;
      &:hover{
          color: skyblue;
      }
  }
}

.selectEditor{
  width: 100%;
  margin-bottom: 2px;
}

.scheduleText{
  display: inline-block;

  .icon{
      cursor: pointer;
      display:none;
      margin-left: 5px;
  }
  &:hover{
      .icon{
          color: #1890ff;
          display: inline-block;
      }
  }
}

.runLogTable{
  width: 100%;
}

.logsDiv{
  overflow: auto;
}

.linkText{
  color: #1890ff;
}

.linkText:hover{
  text-decoration: underline;
}