Lidarr/frontend/src/Components/Link/ClipboardButton.css

34 lines
573 B
CSS
Raw Normal View History

2017-09-04 02:20:56 +00:00
.button {
composes: button from '~Components/Form/FormInputButton.css';
2017-09-04 02:20:56 +00:00
position: relative;
}
.stateIconContainer {
position: absolute;
top: 50%;
left: -100%;
display: inline-flex;
visibility: hidden;
transition: left $defaultSpeed;
transform: translateX(-50%) translateY(-50%);
}
.clipboardIconContainer {
position: relative;
left: 0;
transition: left $defaultSpeed, opacity $defaultSpeed;
}
.showStateIcon {
.stateIconContainer {
left: 50%;
visibility: visible;
}
.clipboardIconContainer {
left: 100%;
opacity: 0;
}
}