| 提交 | 用户 | 时间 | ||
| 58d006 | 1 | .enable_items() when(@enable-items = true) { |
| A | 2 | |
| 3 | .dialogs { | |
| 4 | padding:9px; | |
| 5 | position:relative; | |
| 6 | } | |
| 7 | .itemdiv { | |
| 8 | padding-right:3px; | |
| 9 | min-height:66px; | |
| 10 | position:relative; | |
| 11 | ||
| 12 | > .user { | |
| 13 | display:inline-block; | |
| 14 | width:42px; | |
| 15 | position:absolute; | |
| 16 | left:0; | |
| 17 | ||
| 18 | > img, > .img { | |
| 19 | border-radius:100%; | |
| 20 | border: 2px solid #5293C4; | |
| 21 | max-width: 40px; | |
| 22 | position: relative; | |
| 23 | } | |
| 24 | > .img { | |
| 25 | padding: 2px; | |
| 26 | } | |
| 27 | } | |
| 28 | ||
| 29 | ||
| 30 | > .body { | |
| 31 | width:auto; | |
| 32 | margin-left:50px; | |
| 33 | margin-right:12px; | |
| 34 | ||
| 35 | position:relative; | |
| 36 | ||
| 37 | > .time { | |
| 38 | display: block; | |
| 39 | font-size: @font-size-item-time; | |
| 40 | font-weight: bold; | |
| 41 | color: #666; | |
| 42 | ||
| 43 | position: absolute; | |
| 44 | right: 9px; | |
| 45 | top: 0; | |
| 46 | ||
| 47 | .@{icon} { | |
| 48 | font-size: @font-size-item-time-icon; | |
| 49 | font-weight: normal; | |
| 50 | } | |
| 51 | }// .body > .time | |
| 52 | ||
| 53 | > .name { | |
| 54 | display: block; | |
| 55 | color: #999; | |
| 56 | > b { color: #777; } | |
| 57 | }// .body > .name | |
| 58 | ||
| 59 | > .text { | |
| 60 | display: block; | |
| 61 | position: relative; | |
| 62 | margin-top: 2px; | |
| 63 | ||
| 64 | padding-bottom: 19px; | |
| 65 | padding-left: 7px; | |
| 66 | ||
| 67 | font-size: @font-size-item-text; | |
| 68 | ||
| 69 | &:after { | |
| 70 | display: block; | |
| 71 | content: ""; | |
| 72 | height: 1px; | |
| 73 | font-size: 0; | |
| 74 | overflow: hidden; | |
| 75 | position: absolute; | |
| 76 | left: 16px; | |
| 77 | right: -12px; | |
| 78 | margin-top: 9px; | |
| 79 | ||
| 80 | border-top: 1px solid #E4ECF3; | |
| 81 | } | |
| 82 | ||
| 83 | //> [class*="icon-quote-"]:first-child { | |
| 84 | //quote icon | |
| 85 | > .@{icon}:first-child { | |
| 86 | color: #DCE3ED; | |
| 87 | margin-right: 4px; | |
| 88 | } | |
| 89 | }// .body > .text | |
| 90 | } | |
| 91 | &:last-child > .body > .text { | |
| 92 | border-bottom-width: 0; | |
| 93 | &:after { | |
| 94 | display: none; | |
| 95 | } | |
| 96 | } | |
| 97 | ||
| 98 | ||
| 99 | ||
| 100 | &.dialogdiv { | |
| 101 | padding-bottom: 14px; | |
| 102 | &:before { | |
| 103 | position: absolute; | |
| 104 | display: block; | |
| 105 | content: ""; | |
| 106 | ||
| 107 | top: 0; | |
| 108 | bottom: 0; | |
| 109 | left: 19px; | |
| 110 | ||
| 111 | width: 3px; | |
| 112 | max-width: 3px; | |
| 113 | ||
| 114 | background-color: #E1E6ED; | |
| 115 | border: 1px solid #D7DBDD; | |
| 116 | border-width: 0 1px; | |
| 117 | } | |
| 118 | &:last-child { | |
| 119 | padding-bottom: 0; | |
| 120 | } | |
| 121 | &:last-child:before { | |
| 122 | display: none; | |
| 123 | } | |
| 124 | ||
| 125 | ||
| 126 | > .user > img { | |
| 127 | border-color: #C9D6E5; | |
| 128 | } | |
| 129 | > .body { | |
| 130 | border: 1px solid #DDE4ED; | |
| 131 | padding: 5px 8px 8px; | |
| 132 | border-left-width: 2px; | |
| 133 | margin-right: 1px; | |
| 134 | ||
| 135 | &:before{ | |
| 136 | content: ""; | |
| 137 | display: block; | |
| 138 | ||
| 139 | position: absolute; | |
| 140 | left: -7px; | |
| 141 | top: 11px; | |
| 142 | ||
| 143 | width: 8px; | |
| 144 | height: 8px; | |
| 145 | ||
| 146 | border: 2px solid #DDE4ED; | |
| 147 | border-width: 2px 0 0 2px; | |
| 148 | background-color: #FFF; | |
| 149 | ||
| 150 | .box-sizing(content-box); | |
| 151 | ||
| 152 | .rotate(-45deg); | |
| 153 | } | |
| 154 | ||
| 155 | > .time { | |
| 156 | position: static; | |
| 157 | float: right; | |
| 158 | } | |
| 159 | > .text { | |
| 160 | padding-left: 0; | |
| 161 | padding-bottom: 0; | |
| 162 | &:after {display: none;} | |
| 163 | } | |
| 164 | } | |
| 165 | ||
| 166 | .tooltip-inner { | |
| 167 | word-break: break-all; | |
| 168 | } | |
| 169 | }//end of .itemdiv.dialogdiv | |
| 170 | ||
| 171 | ||
| 172 | ||
| 173 | &.memberdiv { | |
| 174 | width: 175px; | |
| 175 | @media (min-width: @grid-float-breakpoint) { | |
| 176 | & { max-width: 50%; } | |
| 177 | } | |
| 178 | @media (max-width: @grid-float-breakpoint-max) { | |
| 179 | & { min-width: 33.333%; } | |
| 180 | } | |
| 181 | ||
| 182 | padding: 2px; | |
| 183 | margin: 3px 0; | |
| 184 | float: left; | |
| 185 | border-bottom: 1px solid #E8E8E8; | |
| 186 | ||
| 187 | > .user > img { | |
| 188 | border-color: #DCE3ED; | |
| 189 | } | |
| 190 | ||
| 191 | > .body { | |
| 192 | > .time { | |
| 193 | position: static; | |
| 194 | } | |
| 195 | > .name { | |
| 196 | line-height: 18px; | |
| 197 | height: 18px; | |
| 198 | margin-bottom: 0; | |
| 199 | > a { | |
| 200 | display: inline-block; | |
| 201 | max-width: 100px; | |
| 202 | max-height: 18px; | |
| 203 | overflow: hidden; | |
| 204 | text-overflow: ellipsis; | |
| 205 | word-break: break-all; | |
| 206 | } | |
| 207 | } | |
| 208 | } | |
| 209 | }//.itemdiv.memberdiv | |
| 210 | ||
| 211 | ||
| 212 | ||
| 213 | .tools { | |
| 214 | //width:20px; | |
| 215 | position: absolute; | |
| 216 | right: 5px; | |
| 217 | bottom: 10px; | |
| 218 | display: none; | |
| 219 | .btn { | |
| 220 | border-radius: 36px; | |
| 221 | margin: 1px 0; | |
| 222 | } | |
| 223 | } | |
| 224 | .body .tools { | |
| 225 | bottom: 4px; | |
| 226 | } | |
| 227 | &.commentdiv .tools { | |
| 228 | right: 9px; | |
| 229 | } | |
| 230 | &:hover .tools{ | |
| 231 | display: inline-block; | |
| 232 | } | |
| 233 | ||
| 234 | } | |
| 235 | ||
| 236 | ||
| 237 | ||
| 238 | } | |
| 239 | .enable_items(); | |
| 240 | ||
| 241 | ||
| 242 | ||
| 243 | //task list | |
| 244 | .item-list { | |
| 245 | margin:0; | |
| 246 | padding:0; | |
| 247 | list-style:none; | |
| 248 | ||
| 249 | > li { | |
| 250 | padding:9px; | |
| 251 | background-color:#FFF; | |
| 252 | margin-top:-1px; | |
| 253 | position:relative; | |
| 254 | ||
| 255 | &.selected { | |
| 256 | color:#8090A0; | |
| 257 | background-color:#F4F9FC; | |
| 258 | label , .lbl { | |
| 259 | text-decoration:line-through; | |
| 260 | color:#8090A0; | |
| 261 | } | |
| 262 | } | |
| 263 | > .checkbox { | |
| 264 | display:inline-block; | |
| 265 | } | |
| 266 | > label.inline { | |
| 267 | display:inline-block; | |
| 268 | } | |
| 269 | label { | |
| 270 | font-size: @base-font-size; | |
| 271 | } | |
| 272 | .percentage { | |
| 273 | font-size: @base-font-size - 2; | |
| 274 | font-weight: bold; | |
| 275 | color: #777; | |
| 276 | } | |
| 277 | ||
| 278 | &.ui-sortable-helper { | |
| 279 | cursor: move; | |
| 280 | } | |
| 281 | } | |
| 282 | ||
| 283 | } | |
| 284 | ||
| 285 | ||
| 286 | ||
| 287 | li[class*="item-"] { | |
| 288 | border:1px solid #DDD; | |
| 289 | border-left-width:3px; | |
| 290 | } | |
| 291 | ||
| 292 | .item-list-color(@color) { | |
| 293 | @item-class:~`"item-@{color}"`; | |
| 294 | @item-color:~`"item-list-@{color}-border"`; | |
| 295 | @item-cl:@@item-color; | |
| 296 | ||
| 297 | li.@{item-class} { | |
| 298 | border-left-color:@item-cl; | |
| 299 | } | |
| 300 | } | |
| 301 | .item-list-color(~'orange'); | |
| 302 | .item-list-color(~'orange2'); | |
| 303 | .item-list-color(~'red'); | |
| 304 | .item-list-color(~'red2'); | |
| 305 | .item-list-color(~'green'); | |
| 306 | .item-list-color(~'green2'); | |
| 307 | .item-list-color(~'blue'); | |
| 308 | .item-list-color(~'blue2'); | |
| 309 | .item-list-color(~'blue3'); | |
| 310 | .item-list-color(~'pink'); | |
| 311 | .item-list-color(~'purple'); | |
| 312 | .item-list-color(~'black'); | |
| 313 | .item-list-color(~'grey'); | |
| 314 | .item-list-color(~'brown'); | |
| 315 | .item-list-color(~'default'); | |
| 316 | ||
| 317 | ||
| 318 | ||
| 319 | ||
| 320 | ||
| 321 | ||
| 322 | //when dragging | |
| 323 | .ui-sortable-placeholder , .ui-sortable-helper { | |
| 324 | & , & > a { | |
| 325 | cursor:move !important; | |
| 326 | } | |
| 327 | } | |
| 328 | ||
| 329 | ||
| 330 | ||
| 331 | ||
| 332 | @media only screen and (max-width: @screen-xs) { | |
| 333 | .itemdiv.memberdiv { | |
| 334 | float: none; | |
| 335 | width: auto; | |
| 336 | } | |
| 337 | } | |
