@momsfriendlydevco/angular-ui-history/dist/angular-ui-history.min.css

Simple history display component for Angular

.ui-history a{cursor:pointer}.ui-history .dropdown-menu>li>a{padding:3px 10px}.ui-history .dropdown-menu>li>a>i{margin-right:5px}.ui-history .ui-history-item{position:relative}.ui-history .ui-history-item .ui-history-meta{position:absolute;top:5px;right:8px;z-index:100}.ui-history .ui-history-item .ui-history-delete-post{display:inline-block;margin-right:10px;cursor:pointer;visibility:hidden}.ui-history .ui-history-item:hover .ui-history-delete-post{visibility:visible}.ui-history .ui-history-item .ui-history-delete-post i{line-height:24px}.ui-history .ui-history-item .ui-history-timestamp{display:inline-block;color:#bbb}.ui-history .ui-history-item .ui-history-tags{display:inline-block}.ui-history .ui-history-item .ui-history-tags .ui-history-tag{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;background-color:#5bc0de}.ui-history .ui-history-item .ui-history-tags .ui-history-tag+.ui-history-tag{margin-left:2px}.ui-history [ng-quill-editor]{display:block}.ui-history ng-quill-toolbar a.btn.btn-success{color:#fff}.ui-history ng-quill-toolbar a.btn+a.btn{margin-left:5px}.ui-history .form-group>.col-sm-12{margin-bottom:50px}.ui-history .form-group>.col-sm-12,.ui-history .ql-container{height:250px}.ui-history-company{margin:3px 15px;color:#bbb}.ui-history .ui-history-user-comment{position:relative;min-height:60px;padding-left:60px;margin:19px 0}.ui-history .ui-history-user-comment>.ui-history-user-comment-user{width:50px;height:50px;border-radius:3px;float:left;margin-left:-60px}.ui-history .ui-history-user-comment>.ui-history-user-comment-main{position:relative;border:1px solid #cfd8dc;border-radius:0}.ui-history .ui-history-user-comment>.ui-history-user-comment-main>.ui-history-user-comment-header{margin:12px 15px;color:#666;border-radius:3px}.ui-history .ui-history-user-comment>.ui-history-user-comment-main>.ui-history-user-comment-body{position:relative;margin:12px 15px;overflow:hidden;border-radius:3px}.ui-history .ui-history-user-comment>.ui-history-user-comment-main::after,.ui-history .ui-history-user-comment>.ui-history-user-comment-main::before{content:"";position:absolute;top:11px;left:-16px;display:block;width:0;height:0;pointer-events:none;border-color:transparent;border-style:solid solid outset}.ui-history .ui-history-user-comment>.ui-history-user-comment-main::before{border-width:8px;border-right-color:#cfd8dc}.ui-history .ui-history-user-comment>.ui-history-user-comment-main::after{margin-top:1px;margin-left:2px;border-width:7px;border-right-color:#fff}.ui-history .ui-history-user-change{position:relative;min-height:60px;padding-left:60px;margin:19px 0}.ui-history .ui-history-user-change>.ui-history-user-change-user{width:50px;height:50px;border-radius:3px;float:left;margin-left:-60px}.ui-history .ui-history-user-change>.ui-history-user-change-main{position:relative;border-radius:0;padding-top:15px}.ui-history .ui-history-user-upload{position:relative;min-height:60px;padding-left:60px;margin:19px 0}.ui-history .ui-history-user-upload>.ui-history-user-upload-user{width:50px;height:50px;border-radius:3px;float:left;margin-left:-60px}.ui-history .ui-history-user-upload>.ui-history-user-upload-main{position:relative;border-radius:0;padding-top:15px}.ui-history .ui-history-user-status{position:relative;min-height:60px;padding-left:60px;margin:19px 0}.ui-history .ui-history-user-status>.ui-history-user-status-user{width:50px;height:50px;border-radius:3px;float:left;margin-left:-60px}.ui-history .ui-history-user-status>.ui-history-user-status-main{position:relative;border-radius:0;padding-top:15px}.ui-history .ui-history-system-change{margin-left:60px}.ui-history .ui-history-system-status{margin-left:60px}.ui-history .ui-history-unknown{margin-left:60px;margin-bottom:20px;padding:15px;color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;border-radius:4px}.ui-history.ui-history-latest .ui-history-user-comment>.ui-history-user-comment-main::after,.ui-history.ui-history-latest .ui-history-user-comment>.ui-history-user-comment-main::before{content:none}.ui-history-latest-user{color:#bbb}.ui-history.ui-history-latest .ui-history-item{border-bottom:none}.ui-history.ui-history-latest .ui-history-item .ui-history-meta{text-align:right;color:#bbb}@media print{.ui-history ui-history-editor{display:none}.ui-history a[href]:after{display:none}}