sidebar fixes and styles

joernroeder · Jun 30, 2013 · 32b33a9 · 32b33a9
1 parent 47872ce
commit 32b33a9
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 5 deletions.
diff --git a/app/app/templates/security/editor-sidebar-user.html b/app/app/templates/security/editor-sidebar-user.html
@@ -24,7 +24,7 @@ <h2>Projects</h2>
 		<ul class="project-list">
 		</ul>
 		<div>
-			<a class="btn" href="/secured/new/">New Project...</a>
+			<a class="btn" href="/secured/new/">Create Project</a>
 		</div>
 	</section>
 
@@ -44,13 +44,16 @@ <h3>Phone</h3>
 			<h3>Email</h3>
 			<p data-editor-type="inline" data-editor-name="Email">{{Person.Email}}</p>
 		</div>
+	</section>
+
+	<header>
+		<h2>Websites</h2>
+	</header>
+	<section class="meta-info" data-editor-scope="\CurrentPerson">
 		<div>
-			<h3 class="">Websites</h3>
 			<ul class="websites website-list">
 			</ul>
-			<a data-editor-type="modal" data-editor-name="Website" data-editor-fields='{"Title": {"type": "text"}, "Link": {"type": "text"}}' data-editor-options='{"position":{"my": "right top", "at": "left top", "adjust": {"x": -24, "y": -15}}}' class="btn" href="#" data-bypass>
-				Add Website
-			</a>
+			<a data-editor-type="modal" data-editor-name="Website" data-editor-fields='{"Title": {"type": "text"}, "Link": {"type": "text", "placeholder": "http://"}}' data-editor-options='{"position":{"my": "right top", "at": "left top", "adjust": {"x": -24, "y": -20}}}' class="btn" href="#" data-bypass data-editor-placeholder="Add Website"></a>
 		</div>
 	</section>
 

diff --git a/app/assets/css/styles.css b/app/assets/css/styles.css
@@ -2427,6 +2427,12 @@ body.editor-sidebar-open #layout.editor.open-split-markdown {
   color: #d9df20;
   background: #1e1e1e;
 }
+.editor-sidebar .btn[data-editor-type][editor-handled-by][data-editor-name="Website"] {
+  background: transparent;
+  font-size: 1em;
+  display: inline-block;
+  width: auto;
+}
 .editor-sidebar .image-list {
   list-style: none;
   clear: both;
@@ -2781,6 +2787,18 @@ body.editor-sidebar-open #layout.editor.open-split-markdown {
 .editor-sidebar *[data-editor-type][editor-handled-by].active:-moz-placeholder {
   color: #262626;
 }
+.editor-sidebar input[type="text"].active:before,
+.editor-sidebar input[type="email"].active:before,
+.editor-sidebar input[type="tel"].active:before,
+.editor-sidebar input[type="password"].active:before,
+.editor-sidebar *[data-editor-type][editor-handled-by].active:before,
+.editor-sidebar input[type="text"].active:after,
+.editor-sidebar input[type="email"].active:after,
+.editor-sidebar input[type="tel"].active:after,
+.editor-sidebar input[type="password"].active:after,
+.editor-sidebar *[data-editor-type][editor-handled-by].active:after {
+  color: #fff !important;
+}
 .editor-sidebar input[type="password"] {
   margin-top: 0.75em;
 }

diff --git a/dummies/less/styles.less b/dummies/less/styles.less
@@ -1320,6 +1320,13 @@ body.editor-sidebar-open {
 		}
 	}
 
+	.btn[data-editor-type][editor-handled-by][data-editor-name="Website"] {
+		background: transparent;
+		font-size: @font-size / @em;
+		display: inline-block;
+		width: auto;
+	}
+
 	.image-list {
 		@gap: 10px;
 
@@ -1550,6 +1557,13 @@ body.editor-sidebar-open {
 	input[type="password"],
 	*[data-editor-type][editor-handled-by] {
 		.editable-dark-styles;
+
+		&.active {
+			&:before,
+			&:after {
+				color: #fff !important;
+			}
+		}
 	}
 
 	input[type="password"] {