jdormit/looped-in
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Polish sidebar presentation

Browse Source
This commit is contained in:
Jeremy Dormitzer 2018-01-18 15:00:40 -05:00
parent 76bd1e398a
commit 7f637049a0
No known key found for this signature in database
GPG Key ID: 04F17C0F5A32C320
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ext/css/sidebar.css
View File

@ -247,6 +247,10 @@ html, body {
flex: 1 0 auto;
}
.headerIcon {
margin-right: 4px;
}
.card {
padding: 8px;
border-bottom: 1px solid #d7d7db;

9
ext/sidebar.html
View File

@ -9,10 +9,11 @@
<body>
<div id="sidebar">
<div class="sidebarHeader">
<span class="body30 headerTitle">Looped In</span>
<button class="iconButton" id="closeSidebar">
<img src="icons/stop-16.svg" width="16px" height="16px">
</button>
<img class="headerIcon" src="icons/icon48.png" width="16px" height="16px">
<span class="body30 headerTitle">Looped In</span>
<button class="iconButton" id="closeSidebar">
<img src="icons/stop-16.svg" width="16px" height="16px">
</button>
</div>
<div id="sidebarContent"></div>
</div>

3
src/looped_in/content.cljs
View File

@ -16,6 +16,7 @@
:height "100%"
:border 0
:borderRight "2px solid #d7d7db"
:zIndex 9999
:width (str sidebar-width "px")
:top 0
:left 0})})))
@ -27,7 +28,7 @@
$body js/document.body
$sidebar (sidebar-dom)]
(reset! old-html-padding (-> $html (.-style) (.-paddingLeft)))
(set! (-> $html (.-style) (.-paddingLeft)) (str sidebar-width "px"))
(set! (-> $html (.-style) (.-paddingLeft)) (str (+ sidebar-width 12) "px"))
(dom/appendChild $body $sidebar)))
(defn close-sidebar []