Add item bookmark buttons (#14)
Implemented as a toggle button - Move init_cap func where web can see it - Bump version to alpha7
This commit is contained in:
BIN
src/public/assets/bookmark-add.png
Normal file
BIN
src/public/assets/bookmark-add.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/public/assets/bookmark-added.png
Normal file
BIN
src/public/assets/bookmark-added.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
@@ -79,10 +79,6 @@ main {
|
||||
margin-top: .25rem;
|
||||
}
|
||||
|
||||
.item_heading {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item_published {
|
||||
margin-bottom: 1rem;
|
||||
line-height: 1.2;
|
||||
@@ -153,3 +149,31 @@ code {
|
||||
p.back-link {
|
||||
margin-top: -1rem;
|
||||
}
|
||||
.item_heading {
|
||||
margin-bottom: 0;
|
||||
|
||||
.bookmark {
|
||||
padding: 0;
|
||||
border: solid 1px black;
|
||||
border-radius: .5rem;
|
||||
|
||||
&.add {
|
||||
background-color: lightgray;
|
||||
:hover {
|
||||
background: linear-gradient(lightgreen, gray);
|
||||
}
|
||||
}
|
||||
&.remove {
|
||||
background: linear-gradient(lightgreen, green);
|
||||
:hover {
|
||||
background: linear-gradient(gray, lightgreen);
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 1.5rem;
|
||||
max-height: 1.5rem;
|
||||
padding: .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user