mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-03 14:52:38 +00:00
41aebf084b
Each of the edit/home/new pages renders its save button differently. This makes it a common function with all the same possible render states (does the document have unsaved changes? Is it already saved? Was it auto-saved?). - Common save button - Adds the "save" button to /home page which wasn't there before - Animates the "save" button in /home and /new when the user makes their first change to signal that yes, you do have to actually click the save button if you want to keep this. - "reminder... you haven't saved for X minutes" still not functional on /new and /home since that involves more moving pieces.
47 lines
1.2 KiB
Plaintext
47 lines
1.2 KiB
Plaintext
.homePage {
|
|
position : relative;
|
|
a.floatingNewButton {
|
|
.animate(background-color);
|
|
position : absolute;
|
|
right : 70px;
|
|
bottom : 50px;
|
|
z-index : 5001;
|
|
display : block;
|
|
padding : 1em;
|
|
font-size : 1.5em;
|
|
color : white;
|
|
text-decoration : none;
|
|
background-color : @orange;
|
|
box-shadow : 3px 3px 15px black;
|
|
&:hover { background-color : darken(@orange, 20%); }
|
|
}
|
|
.floatingSaveButton {
|
|
.animateAll();
|
|
position : absolute;
|
|
right : 200px;
|
|
bottom : 70px;
|
|
z-index : 5000;
|
|
display : block;
|
|
padding : 0.8em;
|
|
font-size : 0.8em;
|
|
color : white;
|
|
text-decoration : none;
|
|
cursor : pointer;
|
|
background-color : @blue;
|
|
box-shadow : 3px 3px 15px black;
|
|
&:hover { background-color : darken(@blue, 20%); }
|
|
&.show { right : 350px; }
|
|
}
|
|
|
|
.navItem.save {
|
|
.fadeInRight();
|
|
.transition(opacity);
|
|
background-color : @orange;
|
|
&:hover { background-color : @green; }
|
|
&.neverSaved {
|
|
.fadeOutRight();
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|