8d7269a998
* feat(device): Add 'Save to keyboard' button Created a 'Progress Button' that have 2 state in progress or not. Able to set different text for different state: - baseText for normal state - progressText for in progress state close: #377 * fix 'Save to keyboard' button visibility in web version * remove success notification when save to keyboard success * feat(notifier): Turn off auto hide of the notifier * feat(device): Show saved state of 'Save to keyboard button' * style: Format import in app.component.ts * feat(device): Auto hide 'Save to Keyboard' button * fix(device): Fix saving animation * fix(device): Fix saving animation * fix(device): Fix tslint
46 lines
1.0 KiB
SCSS
46 lines
1.0 KiB
SCSS
/* GitHub ribbon */
|
|
.github-fork-ribbon {
|
|
background-color: #a00;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: fixed;
|
|
right: -50px;
|
|
bottom: 40px;
|
|
z-index: 2000;
|
|
/* stylelint-disable indentation */
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-box-shadow: 0 0 10px #888;
|
|
-moz-box-shadow: 0 0 10px #888;
|
|
box-shadow: 0 0 10px #888;
|
|
/* stylelint-enable indentation */
|
|
|
|
a {
|
|
border: 1px solid #faa;
|
|
color: #fff;
|
|
display: block;
|
|
font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
margin: 1px 0;
|
|
padding: 10px 50px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-shadow: 0 0 5px #444;
|
|
}
|
|
}
|
|
|
|
main-app {
|
|
min-height: 100vh;
|
|
width: 100%;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.save-to-keyboard-button {
|
|
position: fixed;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
}
|