app-default-kanban.less 5.1 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199
.app-control-kanban {
    &.app-control-kanban__row {
        .app-control-kanban__content {
            display: flex;
        }
        .app-control-kanban__content__group {
            height: 100%;
            display: flex;
            overflow: auto;
            flex-grow: 1;
            &.is-folding {
                flex: none;
            }
        }
        .group__foldingbar__ghost {
            z-index: -1;
            margin: 0px;
            border: none;
            padding: 0px;
            height: 0px;
            width: 10px;
            overflow: hidden;
        }
        .group__foldingbar__content {
            width: 40px;
            height: 100%;
            border-left: 0;
            text-align: center;
        }
        .foldingbar__content__icon {
            padding: 3px 0;
            font-size: 20px;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingbar__content__title {
            overflow: hidden;
            margin: auto;
            display: flex;
            width: 31px;
            font-size: 17px;
            align-items: center;
            height: calc(100% - 36px);
        }
        .group__foldingarea {
            height: 100%;
            display: flex;
            flex-shrink: 0;
            flex-direction: column;
        }
        .group__foldingarea__header {
            height: 36px;
            padding: 0 8px;
            line-height: 36px;
            position: relative;
        }
        .foldingarea__header__icon {
            font-size: 20px;
            position: absolute;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingarea__header__title {
            margin-left: 24px;
        }
        .foldingarea__header__action {
            float: right;
        }
        .header__action__content__item {
            &:nth-child(n+2) {
                margin-top: 4px;
            }
            .ivu-btn {
                margin: 0;
                .item__icon {
                    padding-right: 6px;
                }
                .item__caption {
                    margin-left: 4px;
                }
            }
        }
        .group__foldingarea__content {
            flex-grow: 1;
            height: 100%;
            overflow: auto;
        }
        .foldingarea__content__item {
            margin: 8px 8px 0 8px;
            padding: 8px;
            overflow: hidden;
        }
        .foldingarea__content__empty {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    &.app-control-kanban__column {
        .app-control-kanban__content {
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .group__foldingbar__ghost {
            z-index: -1;
            margin: 0px;
            border: none;
            padding: 0px;
            height: 0px;
            width: 10px;
            overflow: hidden;
        }
        .group__foldingbar__content {
            width: 100%;
            height: 40px;
            border-left: 0;
            text-align: center;
        }
        .foldingbar__content__icon {
            float: left;
            padding: 6px 0px 0px 6px;
            font-size: 20px;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingbar__content__title {
            font-size: 17px;
            padding-top: 8px;
        }
        .group__foldingarea {
            flex-shrink: 0;
            width: 100%;
            display: flex;
        }
        .group__foldingarea__header {
            width: 36px;
            position: relative;
            padding: 8px 0px;
        }
        .foldingarea__header__icon {
          font-size: 20px;
          padding: 0px 6px;
          position: absolute;
          &:hover {
              cursor: pointer;
          }
        }
        .foldingarea__header__title {
            writing-mode: tb;
            padding: 30px 6px 0px 6px;
        }
        .foldingarea__header__action {
            bottom: 0px;
            left: 0px;
            position: absolute;
            .ivu-poptip-rel{
                padding-left: 8px;
            }
        }
        .header__action__content__item {
            &:nth-child(n+2) {
                margin-top: 4px;
            }
            .ivu-btn {
                margin: 0;
                .item__icon {
                    padding-right: 6px;
                }
                .item__caption {
                    margin-left: 4px;
                }
            }
        }
        .group__foldingarea__content {
            display: flex;
            flex-grow: 1;
            height: 100%;
            overflow: auto;
        }
        .foldingarea__content__item {
            margin: 8px 0px 8px 8px;
            padding: 8px;
            overflow: hidden;
        }
        .foldingarea__content__empty {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}