From 7130e63d28091f4f58d044fa12de121ade54a37e Mon Sep 17 00:00:00 2001
From: Neil Drumm <drumm@delocalizedham.com>
Date: Thu, 5 Mar 2015 23:26:39 +0000
Subject: [PATCH] Issue #2446889: Merge in dev branch
---
sass/partials/common/_comment.scss | 9 +++++++++
sass/partials/common/_user-profile.scss | 11 +++++++++++
sass/partials/utilities/_mixins.scss | 25 +++++++++++++++++++++++++
3 files changed, 45 insertions(+)
diff --git a/sass/partials/common/_comment.scss b/sass/partials/common/_comment.scss
index 052234e6..4ec69aaf 100644
--- a/sass/partials/common/_comment.scss
+++ b/sass/partials/common/_comment.scss
@@ -45,6 +45,9 @@
.picture {
float: left;
width: 40px;
+ img {
+ display: block;
+ }
}
// Move out of the way of the user picture.
> h3, .submitted, .content {
@@ -112,6 +115,12 @@
}
}
}
+
+ .new-user {
+ @include new-user-badge;
+ font-size: .7692em; /* 10px */
+ line-height: 1.3; /* 13px */
+ }
}
.user-signature {
diff --git a/sass/partials/common/_user-profile.scss b/sass/partials/common/_user-profile.scss
index f7d849d4..7e0cfbc0 100644
--- a/sass/partials/common/_user-profile.scss
+++ b/sass/partials/common/_user-profile.scss
@@ -16,6 +16,17 @@
width: 100%; // IE SVG scaling.
}
}
+
+ .user-picture {
+ img {
+ display: block;
+ }
+ .new-user {
+ @include new-user-badge;
+ line-height: 2.4;
+ width: 140px;
+ }
+ }
}
@media all and (min-width: 451px) {
diff --git a/sass/partials/utilities/_mixins.scss b/sass/partials/utilities/_mixins.scss
index 73d92999..59860f32 100644
--- a/sass/partials/utilities/_mixins.scss
+++ b/sass/partials/utilities/_mixins.scss
@@ -64,3 +64,28 @@
cursor: pointer;
}
}
+
+@mixin element-invisible {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px);
+ overflow: hidden;
+ height: 1px;
+}
+
+@mixin element-visible {
+ position: inherit !important;
+ clip: inherit;
+ overflow: inherit;
+ height: inherit;
+}
+
+@mixin new-user-badge {
+ background-color: #0D7DC1;
+ color: white;
+ text-align: center;
+ text-transform: uppercase;
+ span {
+ @include element-invisible;
+ }
+}
--
GitLab