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}}