text-overflow-processor-react/lib/index.css

text overflow process for react

.text-overflow-processor-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:2;white-space:break-spaces}.text-overflow-processor-content .p-shadow-info{width:100%;position:relative;overflow:hidden}.text-overflow-processor-content .p-shadow-info .click-btn{float:right}.text-overflow-processor-content .p-shadow-info .click-btn *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-overflow-processor-content .p-shadow-info .click-btn>label{cursor:pointer;color:#0076ff !important}.text-overflow-processor-content .p-shadow-info .click-btn-inner{position:absolute;bottom:0;right:0;background-color:#fff}.text-overflow-processor-content .p-shadow-info .click-btn-inner .shadow{display:inline-block;width:20px;height:100%;position:absolute;left:-20px;top:0;background-image:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.8)), to(rgb(255, 255, 255)));background-image:linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgb(255, 255, 255))}.text-overflow-processor-content .p-shadow-info .text{display:block;word-break:break-all}.text-overflow-processor-content .p-shadow-info .text-show-btn-box{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.text-overflow-processor-content .p-shadow-info .text-show-all-box{height:auto !important}.text-overflow-processor-content .p-shadow-info .shadow{width:100%;height:20px;position:absolute;background-image:-webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0))}.text-overflow-processor-content .p-ellipsis-info{width:100%;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical}.text-overflow-processor-content .p-ellipsis-info .click-btn-before{display:block;float:right}.text-overflow-processor-content .p-ellipsis-info .click-btn{clear:both;float:right}.text-overflow-processor-content .p-ellipsis-info .click-btn *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.text-overflow-processor-content .p-ellipsis-info .click-btn>label{cursor:pointer;color:#0076ff !important}.text-overflow-processor-content .p-ellipsis-info .text{word-break:break-all}.text-overflow-processor-content .text-show-less{display:-webkit-box}.text-overflow-processor-content .text-show-all{display:inline-block}.text-overflow-processor-content .all-text{word-break:break-all}