@import "palette.scss";

.mongo-field-card{

  background-color: $gray6;

  &-is-other{
    margin-top: 5px;
    background-color: $gray7;
  }

  display: flex;
  flex-direction:column;
  margin-bottom: 15px;
  padding:5px;
  padding-left:10px;
  border-radius:3px;
  border: 1px solid $gray5;

  &:hover .control-icon {
    display: inline-block;
  }

  .control-icon {
    display:none;
    margin:none;
    padding:none;
  }

  &-header{
    display: flex;
    flex-direction:row;
    justify-content: flex-end;
    &-path {
      font-weight:bold;
      font-size:14px;
      margin-right:auto;
      margin-top:10px;
      margin-bottom:10px;
    }
  }

  &-static-desc{
    padding-left:10px;
    display:block;

    .static-desc-part{
      display: flex;
      flex-direction:row;
      min-width:0;
      margin-bottom:5px;
      &-status {
        color: $gray4;
        font-style:italic;
        font-weight:bold;
        font-size:12px;
        padding-right:5px;
      }
      &-title{
        color: $gray4;
        font-weight:bold;
        font-size:12px;
        padding-right:5px;
      }
      &-content{
        font-family:monospace;
        font-size:11px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; 
      }
    }
  }

}