Animate call outs along with review entries

This commit is contained in:
James Allen 2017-02-21 11:20:08 +01:00
parent 5a62fec179
commit 2c2f7c5625

View file

@ -29,6 +29,8 @@
@rp-toolbar-height : 32px; @rp-toolbar-height : 32px;
@rp-entry-animation-speed: 0.3s;
.rp-button() { .rp-button() {
@ -185,7 +187,7 @@
border-radius: 3px; border-radius: 3px;
color: #FFF; color: #FFF;
cursor: pointer; cursor: pointer;
transition: top 0.3s, left 0.1s, right 0.1s; transition: top @rp-entry-animation-speed, left 0.1s, right 0.1s;
.no-animate & { .no-animate & {
transition: none; transition: none;
} }
@ -281,7 +283,7 @@
border-left: solid @rp-entry-ribbon-width transparent; border-left: solid @rp-entry-ribbon-width transparent;
border-radius: 3px; border-radius: 3px;
background-color: #FFF; background-color: #FFF;
transition: top 0.3s, left 0.1s, right 0.1s; transition: top @rp-entry-animation-speed, left 0.1s, right 0.1s;
.no-animate & { .no-animate & {
transition: none; transition: none;
} }
@ -499,6 +501,7 @@
} }
.rp-entry-callout { .rp-entry-callout {
transition: top @rp-entry-animation-speed, height @rp-entry-animation-speed;
.rp-state-current-file & { .rp-state-current-file & {
position: absolute; position: absolute;
border-top: 1px solid grey; border-top: 1px solid grey;