github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-06-05 23:44:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve tag tile text contrast

Browse Source
This commit is contained in:
Toby Zerner
2015-08-04 10:50:07 +09:30
parent f7068cd6d3
commit 0718d2159e
2 changed files with 7 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
extensions/tags/js/forum/src/components/TagsPage.js
View File

@ -61,8 +61,8 @@ export default class TagsPage extends Component {
<a className="TagTile-lastDiscussion" <a className="TagTile-lastDiscussion"
href={app.route.discussion(lastDiscussion, lastDiscussion.lastPostNumber())} href={app.route.discussion(lastDiscussion, lastDiscussion.lastPostNumber())}
config={m.route}> config={m.route}>
{humanTime(lastDiscussion.lastTime())}
<span className="TagTile-lastDiscussion-title">{lastDiscussion.title()}</span> <span className="TagTile-lastDiscussion-title">{lastDiscussion.title()}</span>
{humanTime(lastDiscussion.lastTime())}
</a> </a>
) : ( ) : (
<span className="TagTile-lastDiscussion"/> <span className="TagTile-lastDiscussion"/>
@ -94,12 +94,4 @@ export default class TagsPage extends Component {
</div> </div>
); );
} }
config() {
IndexPage.prototype.config.apply(this, arguments);
}
onunload() {
IndexPage.prototype.onunload.apply(this, arguments);
}
} }

12
extensions/tags/less/forum/TagTiles.less
View File

@ -64,18 +64,18 @@
} }
} }
.TagTile-name { .TagTile-name {
font-size: 20px; font-size: 18px;
margin: 0 0 10px; margin: 0 0 10px;
font-weight: normal; font-weight: bold;
} }
.TagTile-description { .TagTile-description {
font-size: 14px; font-size: 14px;
opacity: 0.5; opacity: 0.7;
margin: 0 0 10px; margin: 0 0 10px;
} }
.TagTile-children { .TagTile-children {
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: bold;
font-size: 12px; font-size: 12px;
a { a {
@ -90,7 +90,8 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
line-height: 21px; line-height: 21px;
opacity: 0.5; opacity: 0.7;
font-size: 12px;
&, &:hover { &, &:hover {
background: fade(#000, 10%); background: fade(#000, 10%);
@ -104,7 +105,6 @@
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
float: right;
} }
} }
.TagTile-lastDiscussion-title { .TagTile-lastDiscussion-title {