Skip to content

Commit

Permalink
Tweak donation link styles
Browse files Browse the repository at this point in the history
- The front page one gets bold text and a lighter color.
- The in-room one does not embed the button into the sentence, and the
  hue rotation is slower.
  • Loading branch information
CylonicRaider committed Dec 13, 2016
1 parent 50185fd commit 392be76
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 4 deletions.
2 changes: 1 addition & 1 deletion client/lib/main.less
Original file line number Diff line number Diff line change
Expand Up @@ -662,7 +662,7 @@ iframe.js {

&.donations {
background: @brand-color;
animation: rotate-color 30s linear infinite;
animation: rotate-color 180s linear infinite;

.content .actions button {
color: black;
Expand Down
4 changes: 2 additions & 2 deletions client/lib/ui/Main.js
Original file line number Diff line number Diff line change
Expand Up @@ -308,9 +308,9 @@ export default React.createClass({
{this.state.update.get('ready') && <FastButton className="update-button" onClick={update.perform}><p>update ready<em>{Heim.isTouch ? 'tap' : 'click'} to reload</em></p></FastButton>}
{this.state.donations.eligible && this.state.donations.url && this.state.ui.notices.has('donations') && <div className="notice dark donations">
<div className="content">
<span className="title">euphoria maintenance and development is enabled by</span>
<span className="title">euphoria maintenance and development depends on you.</span>
<span className="actions">
<FastButton onClick={() => donations.openWindow()}>your donation</FastButton>
<FastButton onClick={() => donations.openWindow()}>support us</FastButton>
</span>
</div>
<FastButton className="close" onClick={() => ui.dismissNotice('donations')} />
Expand Down
3 changes: 2 additions & 1 deletion client/site/site.less
Original file line number Diff line number Diff line change
Expand Up @@ -674,8 +674,9 @@ body.welcome {
padding: 4px;
border-radius: 4px;
font-size: 1.25em;
font-weight: bold;
background: white;
color: black;
color: #333333;
text-decoration: none;
box-shadow: 0 0 4px fade(black, 25%);

Expand Down

0 comments on commit 392be76

Please sign in to comment.