mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-10-17 22:46:11 +02:00
Code Issues Releases Wiki Activity

enable opening of saved items + some refactor.

Browse Source
This commit is contained in:
Kushagra Gour
2016-11-09 11:48:28 +05:30
parent 754a1eaa4b
commit c33eb3e445
3 changed files with 105 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/index.html
View File

@@ -278,6 +278,7 @@
top: 0;
bottom: 0;
width: 400px;
padding: 20px;
z-index: 3;
background-color: #111;
transition: 0.3s ease;
@@ -287,6 +288,25 @@
.saved-items-pane.is-open {
transform: translateX(0);
}
.saved-items-pane__close-btn {
position: absolute;
left: -32px;
opacity: 0;
transition: 0.25s ease;
}
.saved-items-pane.is-open .saved-items-pane__close-btn {
opacity: 1;
}
.saved-item-tile {
padding: 20px;
border: 1px solid rgba(255,255,255,0.1);
margin: 10px 0;
display: block;
border-radius: 2px;
}
.saved-item-tile:hover {
background: rgba(255,255,255,0.1);
}
.notifications-btn {
position: relative;
}
@@ -567,7 +587,7 @@
</div>
<div id="js-saved-items-pane" class="saved-items-pane">
<button class="btn" id="js-saved-items-pane-close-btn">X</button>
<button class="btn saved-items-pane__close-btn" id="js-saved-items-pane-close-btn">X</button>
<h3>My Items</h3>
<div id="js-saved-items-wrap">