.grid-table  {
    .text-cell-box {
        padding: 0 17px;
        position: relative;
        height: 100%;

        .text-cell-content {
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            height: 100%;
            white-space: nowrap;
            width: 100%;
        }
    }

    .text-tree-box {
        .icon {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition-property: transform;
            transition-duration: 0.3s;
        }

        .text-cell-content {
            margin-left: 28px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            height: 100%;
            white-space: nowrap;
            width: calc(100% - 28px);
        }

        .tree-narrow {
            transform: translateY(-50%) rotate(-90deg);
        }
    }
}