github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Returned timeline-inverse css class.

pull/2212/head
Aleksandr Rogozin 2019-08-17 12:20:47 +03:00
parent acdbe25cfa
commit 02fe824919
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
build/scss/_timeline.scss
View File

@ -108,3 +108,17 @@
} }
} }
} }
.timeline-inverse {
> div {
> .timeline-item {
@include box-shadow(none);
background: $gray-100;
border: 1px solid $gray-300;
> .timeline-header {
border-bottom-color: $gray-300;
}
}
}
}

10
pages/examples/profile.html
View File

@ -810,7 +810,7 @@
<!-- /.tab-pane --> <!-- /.tab-pane -->
<div class="tab-pane" id="timeline"> <div class="tab-pane" id="timeline">
<!-- The timeline --> <!-- The timeline -->
<div class="timeline"> <div class="timeline timeline-inverse">
<!-- timeline time label --> <!-- timeline time label -->
<div class="time-label"> <div class="time-label">
<span class="bg-danger"> <span class="bg-danger">
@ -889,10 +889,10 @@
<h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3> <h3 class="timeline-header"><a href="#">Mina Lee</a> uploaded new photos</h3>
<div class="timeline-body"> <div class="timeline-body">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
<img src="http://placehold.it/150x100" alt="..." class="margin"> <img src="http://placehold.it/150x100" alt="...">
</div> </div>
</div> </div>
</div> </div>