From 04e94bec5f3b625c7f53eb7f722f0d207cd9eb07 Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Thu, 5 Jun 2014 12:32:48 -0400
Subject: [PATCH] Mobile: on a post, put username, name, and title on their own
lines beside the author avatar
---
app/assets/stylesheets/mobile/topic-post.scss | 48 ++++++++++---------
1 file changed, 25 insertions(+), 23 deletions(-)
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index ea651c0d5..1f6cd9bd6 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -481,24 +481,6 @@ background-color: scale-color($danger, $lightness: 75%);
margin: -4px 0 0 -4px;
}
-.username.new-user a {
- color: scale-color($primary, $lightness: 70%);
-}
-
-.topic-meta-data {
- white-space: nowrap;
- float: left;
-}
-
-
-.user-title {
- color: #aaa;
- padding-top: 2px;
- padding-left: 8px;
- overflow: hidden;
- margin-right: 50px;
-}
-
span.btn-text {display: none;}
blockquote {
@@ -559,14 +541,34 @@ span.highlighted {
}
.topic-meta-data {
- float: left;
+ white-space: nowrap;
position: absolute;
z-index: 1;
width: 100%;
- .names {margin: 5px 0 0 65px; float: left;}
- .post-info {float: right; font-size: 12px; margin: 4px 10px 0 0;
- .edits {margin-right: 5px;}
- }
+ .names {
+ margin: 5px 0 0 65px;
+ line-height: 17px;
+ span {
+ display: block;
+ }
+ }
+ .post-info {
+ float: right;
+ font-size: 12px;
+ margin: 4px 10px 0 0;
+ .edits { margin-right: 5px; }
+ }
+}
+
+.username.new-user a {
+ color: scale-color($primary, $lightness: 70%);
+}
+
+.user-title {
+ color: #aaa;
+ padding-top: 2px;
+ overflow: hidden;
+ margin-right: 50px;
}
.read-state {