@import "../../common/_mixins";

.flex-grid {
  
  .cell {
    &.read-only {
      .type-enum {
        &.selected,
        &.editing {
          .view {
            display: block;
          }
          
          select {
            display: none;
          }
        }
      }
    }
  }
  
  .type-enum {
    height: 100%;
    position: relative;
    outline: none;
    
    select {
      font-family: 'Tahoma', sans-serif;
      font-size: 10px;
      text-align: center;
      text-align-last: center;
    }
    
    &.selected {
        .view {
            > span {
              display: inline-block;;
              height: 100%;
              vertical-align: sub;
            }
        }
    }
    
    &.editing,
    &.selected {
      .view {
        display: none;
      }
  
      select {
        display: block;
      }
      
      .enum-icon {
        display: block;
      }
    }
    
    &.editing {
      .enum-icon {
        right: -2px;
        top: -2px;
      }
    }
    
    .view {
      //padding-top: 3px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  
    .enum-icon {
      display: none;
      
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      pointer-events: none;
    }
    
    select {
      display: none;
      width: 100%;
      height: 100%;
      border: 0;
      -webkit-appearance: none;
      outline: none;
      padding-left: 3px;
      background: inherit;
      font-size: 11px;
      font-family: "Tahoma", sans-serif;
    }
  }
}