From 720fbd6ac65a8fb20f5806e506c0cf1965263820 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Thu, 12 Mar 2015 12:22:07 +1030
Subject: [PATCH] Darken user card bg to make text more readable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Will also be handy when there’s an extension that implements cover
photos
---
 ember/app/styles/flarum/user.less                 | 12 ++++++++++++
 ember/app/templates/components/user/user-card.hbs |  1 +
 2 files changed, 13 insertions(+)

diff --git a/ember/app/styles/flarum/user.less b/ember/app/styles/flarum/user.less
index 907224ae5..f1b9a2287 100644
--- a/ember/app/styles/flarum/user.less
+++ b/ember/app/styles/flarum/user.less
@@ -1,5 +1,17 @@
 .user-card {
   .drawer-components();
+
+  &, & .container {
+    position: relative;
+  }
+}
+.darken-overlay {
+  background: rgba(0, 0, 0, 0.1);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
 }
 .user-hero {
   & .contextual-controls {
diff --git a/ember/app/templates/components/user/user-card.hbs b/ember/app/templates/components/user/user-card.hbs
index 4f727c944..17946bebb 100644
--- a/ember/app/templates/components/user/user-card.hbs
+++ b/ember/app/templates/components/user/user-card.hbs
@@ -1,3 +1,4 @@
+<div class="darken-overlay"></div>
 <div class="container">
   {{#if controls}}
     {{ui/dropdown-button items=controls class="contextual-controls" menuClass="pull-right" buttonClass=controlsButtonClass}}