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

Style item links

Browse Source
This commit is contained in:
Jeremy Dormitzer 2018-01-20 17:56:30 -05:00
parent 7c68c36feb
commit 4063d48e2b
No known key found for this signature in database
GPG Key ID: 04F17C0F5A32C320
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ext/css/sidebar.css
View File

@ -275,6 +275,19 @@ html, body {
box-shadow: 0 2px 8px rgba(12, 12, 13, 0.1);
}
.itemLink {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.itemLink:hover {
cursor: default;
background-color: #d7d7db;
}
.card.child {
border-left: 4px solid #b1b1b3;
}

3
src/looped_in/components.cljs
View File

@ -63,7 +63,8 @@
(defn item-link [id]
(with-listener
(dom/createDom "a"
(clj->js {:href (str "https://news.ycombinator.com/item?id=" id)
(clj->js {:class "itemLink"
:href (str "https://news.ycombinator.com/item?id=" id)
:target "_blank"})
(dom/createDom "img"
(clj->js {:src "icons/open-in-new-16.svg"