From e8bdd7f9f64ad07aed8097c2072863fcdbcb1c3e Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 29 Sep 2014 17:43:49 -0400
Subject: write titles under layout names, in the layout picker as well as the
 project picker

---
 public/assets/javascripts/ui/site/LayoutsModal.js |  1 +
 public/assets/stylesheets/app.css                 | 12 ++++++++++++
 2 files changed, 13 insertions(+)

(limited to 'public')

diff --git a/public/assets/javascripts/ui/site/LayoutsModal.js b/public/assets/javascripts/ui/site/LayoutsModal.js
index bfc3dec..1bfc6cb 100644
--- a/public/assets/javascripts/ui/site/LayoutsModal.js
+++ b/public/assets/javascripts/ui/site/LayoutsModal.js
@@ -25,6 +25,7 @@ var LayoutsIndex = View.extend({
 			// $span.html(JSON.stringify(room))
 			$span.data("slug", room.slug)
 			$span.css("background-image", "url(" + room.photo + ")")
+			$span.attr("data-name", room.name)
 			
 			this.$templates.append($span)
 		}.bind(this))
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index a7a3517..cadd11d 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -497,6 +497,18 @@ iframe.embed {
   display: inline-block;
   margin: 4vw;
   border:1px solid white;
+  position: relative;
+}
+
+.templates span:after {
+  content: attr(data-name);
+  position: absolute;
+  top: 100%;
+  width: 100%;
+  left: 0;
+  background: #fff;
+  padding: 5px;
+  border-top: 1px solid black;
 }
 
 .templates span:hover {
-- 
cgit v1.2.3-70-g09d2