github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-11-30 21:44:12 +08:00
Code Issues Actions 23 Packages Projects Releases Wiki Activity

Darken user card bg to make text more readable

Browse Source 
Will also be handy when there’s an extension that implements cover
photos
This commit is contained in:
Toby Zerner 2015-03-12 12:22:07 +10:30
parent f3fab617da
commit 720fbd6ac6
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ember/app/styles/flarum/user.less
View File

@ -1,5 +1,17 @@
.user-card { .user-card {
.drawer-components(); .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 { .user-hero {
& .contextual-controls { & .contextual-controls {

1
ember/app/templates/components/user/user-card.hbs
View File

@ -1,3 +1,4 @@
<div class="darken-overlay"></div>
<div class="container"> <div class="container">
{{#if controls}} {{#if controls}}
{{ui/dropdown-button items=controls class="contextual-controls" menuClass="pull-right" buttonClass=controlsButtonClass}} {{ui/dropdown-button items=controls class="contextual-controls" menuClass="pull-right" buttonClass=controlsButtonClass}}