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

Fix jitter on icon change

Browse Source
This commit is contained in:
Jeremy Dormitzer 2018-01-30 23:50:33 -07:00
parent ad77fd7ea0
commit a5febca9ce
No known key found for this signature in database
GPG Key ID: 04F17C0F5A32C320
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ext/css/sidebar.css
View File

@ -380,10 +380,14 @@ html, body {
margin-right: 4px; margin-right: 4px;
} }
.headerIcon.nonClickable {
margin-left: 4px;
margin-right: 8px;
}
.headerIcon.iconButton { .headerIcon.iconButton {
padding: 0; width: 24px;
width: 16px; height: 28px;
height: 20px;
} }
.spinner { .spinner {

4
src/looped_in/sidebar.cljs
View File

@ -81,7 +81,7 @@
(cond (cond
(:loading state) (list (components/sidebar-header (components/with-classes (:loading state) (list (components/sidebar-header (components/with-classes
(components/header-icon "icons/icon48.png") (components/header-icon "icons/icon48.png")
"headerIcon")) "headerIcon" "nonClickable"))
(components/sidebar-content (components/loader))) (components/sidebar-content (components/loader)))
(:item state) (list (:item state) (list
(components/sidebar-header (dom/createDom (components/sidebar-header (dom/createDom
@ -148,7 +148,7 @@
(:hits state) (list (:hits state) (list
(components/sidebar-header (components/with-classes (components/sidebar-header (components/with-classes
(components/header-icon "icons/icon48.png") (components/header-icon "icons/icon48.png")
"headerIcon")) "headerIcon" "nonClickable"))
(apply (apply
components/sidebar-content components/sidebar-content
(map (fn [hit] (map (fn [hit]