caojiezi2003/Stackedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Gittip button in the About dialog

Browse Source
This commit is contained in:
benweet 2013-10-27 01:57:46 +01:00
parent 94bafa2c16
commit fbb366c59e
3 changed files with 49 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
public/res/html/dialogAbout.html
View File

@ -1,27 +1,30 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<button type="button" class="close" data-dismiss="modal" <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
aria-hidden="true">&times;</button> <img data-stackedit-src="stackedit-promo.png" width="240"
<img data-stackedit-src="stackedit-promo.png" width="240" height="60" /> height="60" />
</div> </div>
<div class="modal-body"> <div class="modal-body">
<dl> <dl>
<dt>About:</dt> <dt>About:</dt>
<dd> <dd>
<a target="_blank" href="https://github.com/benweet/stackedit/">GitHub <a target="_blank" href="https://github.com/benweet/stackedit/">GitHub
project</a> / <a target="_blank" project</a>/
href="https://github.com/benweet/stackedit/issues">issue <a target="_blank" href="https://github.com/benweet/stackedit/issues">issue
tracker</a><br /> <a target="_blank" tracker</a>
href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome <br />
app</a> (thanks for your review!)<br /> <a target="_blank" <a target="_blank" href="https://chrome.google.com/webstore/detail/stackedit/iiooodelglhkcpgbajoejffhijaclcdg">Chrome
href="https://twitter.com/stackedit/">Follow on Twitter</a><br /> app</a>(thanks for your review!)
<br />
<a target="_blank" href="https://twitter.com/stackedit/">Follow on Twitter</a>
<br />
<a target="_blank" href="https://www.facebook.com/stackedit/">Follow <a target="_blank" href="https://www.facebook.com/stackedit/">Follow
on Facebook</a><br /> <a target="_blank" on Facebook</a>
href="https://plus.google.com/110816046787593496375" <br />
rel="publisher">Follow on Google+</a><br /> <a target="_blank" href="https://plus.google.com/110816046787593496375"
rel="publisher">Follow on Google+</a>
<br />
</dd> </dd>
</dl> </dl>
<dl> <dl>
@ -45,6 +48,12 @@
href="<%= url %>"><%= name %></a><br /> <% }); %> href="<%= url %>"><%= name %></a><br /> <% }); %>
</dd> </dd>
</dl> </dl>
<dl>
<dt>Support StackEdit:</dt>
<dd>
<a target="_blank" href="https://www.gittip.com/stackedit/"><img class="btn-gittip" data-stackedit-src="gittip.png" /></a>
</dd>
</dl>
<p> <p>
StackEdit <%= version %><br /> Copyright 2013 <a StackEdit <%= version %><br /> Copyright 2013 <a
target="_blank" href="http://www.benoitschweblin.com">Benoit target="_blank" href="http://www.benoitschweblin.com">Benoit

22
public/res/styles/main.less
View File

@ -78,8 +78,10 @@
@modal-content-separator-color: @primary-bg-lighter; @modal-content-separator-color: @primary-bg-lighter;
@modal-backdrop-bg: @secondary-bg-light; @modal-backdrop-bg: @secondary-bg-light;
@blockquote-border-color: fade(#000, 5%); @blockquote-border-color: fade(#000, 5%);
@blockquote-bg: fade(#000, 3%);
@code-color: @primary-color; @code-color: @primary-color;
@code-bg: fade(#000, 5%); @code-bg: fade(#000, 3%);
@hr-border: #e0e0e0;
@tooltip-max-width: 240px; @tooltip-max-width: 240px;
@close-color: @primary-color; @close-color: @primary-color;
@popover-bg: @primary-bg-lighter; @popover-bg: @primary-bg-lighter;
@ -857,7 +859,6 @@ blockquote {
} }
hr { hr {
border-top: 1px solid #ddd;
margin: 30px 0; margin: 30px 0;
} }
@ -917,6 +918,10 @@ table tbody+tbody {
blockquote { blockquote {
border-left-width: 10px; border-left-width: 10px;
background-color: @blockquote-bg;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px 20px;
p { p {
margin-bottom: 15px; margin-bottom: 15px;
font-size: @font-size-base; font-size: @font-size-base;
@ -988,8 +993,8 @@ ul,ol {
} }
.ace_code { .ace_code {
color: @primary-color-lighter; color: @primary-color;
background-color: fade(@secondary-bg, 10%); background-color: @code-bg;
} }
.ace_code_block { .ace_code_block {
@ -1201,6 +1206,11 @@ div.dropdown-menu textarea {
background-position: -144px 0; background-position: -144px 0;
} }
.btn-gittip {
width: 52px;
height: 25px;
}
// File titles // File titles
.title-icon-category { .title-icon-category {
display: inline-block; display: inline-block;
@ -1340,12 +1350,12 @@ body.pdf {
font-family: "DejaVu Sans"; font-family: "DejaVu Sans";
background-color: transparent; background-color: transparent;
& code, & pre { code, pre {
font-family: "DejaVu Sans Mono"; font-family: "DejaVu Sans Mono";
} }
// Bug with PNG when using transparency (See #149) // Bug with PNG when using transparency (See #149)
blockquote{ blockquote {
border-left: 10px solid #eee; border-left: 10px solid #eee;
} }
} }

1
public/res/themes/night.less
View File

@ -23,6 +23,7 @@
@input-bg: #111; @input-bg: #111;
@list-group-bg: @primary-bg-light; @list-group-bg: @primary-bg-light;
@list-group-hover-bg: @primary-bg; @list-group-hover-bg: @primary-bg;
@blockquote-bg: fade(#fff, 5%);
@code-bg: fade(#fff, 10%); @code-bg: fade(#fff, 10%);
@modal-content-bg: @primary-bg-light; @modal-content-bg: @primary-bg-light;
@modal-header-border-color: @primary-bg; @modal-header-border-color: @primary-bg;