Mailspring/internal_packages/undo-redo/stylesheets/undo-redo.less
Evan Morikawa 2500e52179 feat(windows): improve UI for Windows
Remove rounded corners and gradients
2015-10-21 20:32:33 -07:00

69 lines
1.2 KiB
Text

@import "ui-variables";
@import "ui-mixins";
.undo-redo-manager {
position: absolute;
bottom: 10px;
width:100%;
text-align: center;
pointer-events: none;
}
.undo-redo {
height: 45px;
display:inline-block;
padding-top: 12px;
opacity: 0.9;
border-radius: @border-radius-base;
background: @gray-darker;
white-space:nowrap;
cursor:default;
pointer-events: initial;
display: inline-flex;
flex-direction:row;
max-width:90%;
.undo-redo-message-wrapper {
flex: 1;
flex-shrink: 1;
margin-left: 16px;
margin-right: 30px;
color: lighten(@gray-base, 70%);
overflow:hidden;
text-overflow: ellipsis;
text-align: left;
}
.undo-redo-action-wrapper {
flex-shrink: 0;
margin-right: 15px;
white-space:nowrap;
.undo-redo-action-text {
margin-left: 5px;
color: @white;
}
}
}
body.platform-win32 {
.undo-redo {
border-radius: 0;
}
}
.undo-redo-item-enter {
opacity: 0.01;
transition: all .3s ease-out;
}
.undo-redo-item-enter.undo-redo-item-enter-active {
opacity: 1;
}
.undo-redo-item-leave {
opacity: 1;
transition: all .3s ease-in;
}
.undo-redo-item-leave.undo-redo-item-leave-active {
opacity: 0.01;
}