Fixed modal responsiveness

This commit is contained in:
benweet 2014-03-10 23:55:01 +00:00
parent 4e5a264279
commit f7cf64eea1
14 changed files with 70 additions and 65 deletions

View File

@ -1,10 +1,10 @@
<p>Adds a "HTML code" button over the preview.</p> <p>Adds a "HTML code" button over the preview.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="textarea-html-code-template">Template <label class="col-sm-4 control-label" for="textarea-html-code-template">Template
<a href="#" class="tooltip-template">(?)</a> <a href="#" class="tooltip-template">(?)</a>
</label> </label>
<div class="col-lg-7"> <div class="col-sm-7">
<textarea id="textarea-html-code-template" class="form-control"></textarea> <textarea id="textarea-html-code-template" class="form-control"></textarea>
</div> </div>
</div> </div>

View File

@ -3,6 +3,7 @@
</button> </button>
<div class="dropdown-menu pull-right"> <div class="dropdown-menu pull-right">
<h3>Markdown syntax</h3> <h3>Markdown syntax</h3>
<hr>
<div class="markdown-syntax"> <div class="markdown-syntax">
<h4>Phrase Emphasis</h4> <h4>Phrase Emphasis</h4>
@ -141,4 +142,5 @@ Violets are blue.
<blockquote>Based on the <a target="_blank" href="https://github.com/fletcher/MultiMarkdown/blob/master/Documentation/Markdown%20Syntax.md">Markdown syntax guide</a>, by Fletcher T. Penney.</blockquote> <blockquote>Based on the <a target="_blank" href="https://github.com/fletcher/MultiMarkdown/blob/master/Documentation/Markdown%20Syntax.md">Markdown syntax guide</a>, by Fletcher T. Penney.</blockquote>
</div> </div>
<hr>
</div> </div>

View File

@ -3,6 +3,7 @@
</button> </button>
<div class="dropdown-menu pull-right"> <div class="dropdown-menu pull-right">
<h3>Statistics</h3> <h3>Statistics</h3>
<hr>
<div class="stat"> <div class="stat">
<div> <div>
<%= name1 %>: <span id="span-stat-value1"></span> <%= name1 %>: <span id="span-stat-value1"></span>

View File

@ -2,20 +2,20 @@
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group form-inline"> <div class="form-group form-inline">
<label class="label-text" for="input-stat-name1">Title</label> <input <label class="label-text" for="input-stat-name1">Title</label> <input
id="input-stat-name1" type="text" class="form-control col-lg-3"> <label id="input-stat-name1" type="text" class="form-control col-sm-3"> <label
class="label-text" for="input-stat-value1">RegExp</label> <input class="label-text" for="input-stat-value1">RegExp</label> <input
id="input-stat-value1" type="text" class="form-control col-lg-4"> id="input-stat-value1" type="text" class="form-control col-sm-4">
</div> </div>
<div class="form-group form-inline"> <div class="form-group form-inline">
<label class="label-text" for="input-stat-name2">Title</label> <input <label class="label-text" for="input-stat-name2">Title</label> <input
id="input-stat-name2" type="text" class="form-control col-lg-3"> <label id="input-stat-name2" type="text" class="form-control col-sm-3"> <label
class="label-text" for="input-stat-value2">RegExp</label> <input class="label-text" for="input-stat-value2">RegExp</label> <input
id="input-stat-value2" type="text" class="form-control col-lg-4"> id="input-stat-value2" type="text" class="form-control col-sm-4">
</div> </div>
<div class="form-group form-inline"> <div class="form-group form-inline">
<label class="label-text" for="input-stat-name3">Title</label> <input <label class="label-text" for="input-stat-name3">Title</label> <input
id="input-stat-name3" type="text" class="form-control col-lg-3"> <label id="input-stat-name3" type="text" class="form-control col-sm-3"> <label
class="label-text" for="input-stat-value3">RegExp</label> <input class="label-text" for="input-stat-value3">RegExp</label> <input
id="input-stat-value3" type="text" class="form-control col-lg-4"> id="input-stat-value3" type="text" class="form-control col-sm-4">
</div> </div>
</div> </div>

View File

@ -1,18 +1,18 @@
<p>Adds a "Synchronize documents" button in the navigation bar.</p> <p>Adds a "Synchronize documents" button in the navigation bar.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" for="input-sync-period">Sync <label class="col-sm-5 control-label" for="input-sync-period">Sync
period (0: manual)</label> period (0: manual)</label>
<div class="col-lg-6 form-inline"> <div class="col-sm-6 form-inline">
<input type="text" id="input-sync-period" <input type="text" id="input-sync-period"
class="col-lg-5 form-control" placeholder="180000"> ms class="col-sm-5 form-control" placeholder="180000"> ms
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" <label class="col-sm-5 control-label"
for="input-sync-shortcut">Sync for="input-sync-shortcut">Sync
shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label> shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
<div class="col-lg-6"> <div class="col-sm-6">
<input type="text" id="input-sync-shortcut" <input type="text" id="input-sync-shortcut"
class="form-control"> class="form-control">
</div> </div>

View File

@ -3,6 +3,8 @@
</button> </button>
<div class="dropdown-menu pull-right"> <div class="dropdown-menu pull-right">
<h3>Table of contents</h3> <h3>Table of contents</h3>
<hr>
<div class="table-of-contents"> <div class="table-of-contents">
</div> </div>
<hr>
</div> </div>

View File

@ -1,9 +1,9 @@
<p>Allows toggling document with keyboard shortcuts.</p> <p>Allows toggling document with keyboard shortcuts.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" for="select-document-selector-orderby">Order <label class="col-sm-5 control-label" for="select-document-selector-orderby">Order
by</label> by</label>
<div class="col-lg-6"> <div class="col-sm-6">
<select id="select-document-selector-orderby" class="form-control"> <select id="select-document-selector-orderby" class="form-control">
<option value="title">Document title</option> <option value="title">Document title</option>
<option value="mru">Most recently used</option> <option value="mru">Most recently used</option>
@ -11,19 +11,19 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" <label class="col-sm-5 control-label"
for="input-document-selector-shortcut-previous">"Previous" for="input-document-selector-shortcut-previous">"Previous"
shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label> shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
<div class="col-lg-6"> <div class="col-sm-6">
<input type="text" id="input-document-selector-shortcut-previous" <input type="text" id="input-document-selector-shortcut-previous"
class="form-control"> class="form-control">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" <label class="col-sm-5 control-label"
for="input-document-selector-shortcut-next">"Next" for="input-document-selector-shortcut-next">"Next"
shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label> shortcut <a href="http://craig.is/killing/mice#keys" target="_blank">(?)</a></label>
<div class="col-lg-6"> <div class="col-sm-6">
<input type="text" id="input-document-selector-shortcut-next" <input type="text" id="input-document-selector-shortcut-next"
class="form-control"> class="form-control">
</div> </div>

View File

@ -1,99 +1,99 @@
<p>Adds extra features to the original Markdown syntax.</p> <p>Adds extra features to the original Markdown syntax.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="input-markdownextra-tables">Tables</label> <label class="col-sm-4 control-label" for="input-markdownextra-tables">Tables</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-tables"> <input type="checkbox" id="input-markdownextra-tables">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-deflist">Definition lists</label> for="input-markdownextra-deflist">Definition lists</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-deflist"> <input type="checkbox" id="input-markdownextra-deflist">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-attrlist">Special attributes</label> for="input-markdownextra-attrlist">Special attributes</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-attrlist"> <input type="checkbox" id="input-markdownextra-attrlist">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-footnotes">Footnotes</label> for="input-markdownextra-footnotes">Footnotes</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-footnotes"> <input type="checkbox" id="input-markdownextra-footnotes">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-comments">Comments</label> for="input-markdownextra-comments">Comments</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-comments"> <input type="checkbox" id="input-markdownextra-comments">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-smartypants">SmartyPants</label> for="input-markdownextra-smartypants">SmartyPants</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-smartypants"> <input type="checkbox" id="input-markdownextra-smartypants">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-newlines">GFM newlines</label> for="input-markdownextra-newlines">GFM newlines</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-newlines"> <input type="checkbox" id="input-markdownextra-newlines">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-intraword">GFM intra-word stars/underscores</label> for="input-markdownextra-intraword">GFM intra-word stars/underscores</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-intraword"> <input type="checkbox" id="input-markdownextra-intraword">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-strikethrough">GFM strikethrough</label> for="input-markdownextra-strikethrough">GFM strikethrough</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-strikethrough"> <input type="checkbox" id="input-markdownextra-strikethrough">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-fencedcodegfm">GFM fenced code for="input-markdownextra-fencedcodegfm">GFM fenced code
blocks</label> blocks</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-markdownextra-fencedcodegfm"> <input type="checkbox" id="input-markdownextra-fencedcodegfm">
</div> </div>
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-markdownextra-highlighter">Syntax highlighter</label> for="input-markdownextra-highlighter">Syntax highlighter</label>
<div class="col-lg-7"> <div class="col-sm-7">
<select id="input-markdownextra-highlighter" class="form-control"><option>None</option> <select id="input-markdownextra-highlighter" class="form-control"><option>None</option>
<option value="prettify">Prettify</option> <option value="prettify">Prettify</option>
<option value="highlight">Highlight.js</option> <option value="highlight">Highlight.js</option>

View File

@ -1,16 +1,16 @@
<p>Allows StackEdit to interpret LaTeX mathematical expressions.</p> <p>Allows StackEdit to interpret LaTeX mathematical expressions.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-mathjax-config-tex">TeX configuration</label> for="input-mathjax-config-tex">TeX configuration</label>
<div class="col-lg-7"> <div class="col-sm-7">
<input type="text" id="input-mathjax-config-tex" class="form-control"> <input type="text" id="input-mathjax-config-tex" class="form-control">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-mathjax-config-tex2jax">tex2jax configuration</label> for="input-mathjax-config-tex2jax">tex2jax configuration</label>
<div class="col-lg-7"> <div class="col-sm-7">
<input type="text" id="input-mathjax-config-tex2jax" class="form-control"> <input type="text" id="input-mathjax-config-tex2jax" class="form-control">
</div> </div>
</div> </div>

View File

@ -2,10 +2,10 @@
screen.</p> screen.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="input-notifications-timeout">Timeout</label> <label class="col-sm-4 control-label" for="input-notifications-timeout">Timeout</label>
<div class="col-lg-7 form-inline"> <div class="col-sm-7 form-inline">
<input type="text" id="input-notifications-timeout" <input type="text" id="input-notifications-timeout"
class="col-lg-5 form-control"> <span class="help-inline">ms</span> class="col-sm-5 form-control"> <span class="help-inline">ms</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,13 +1,13 @@
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" <label class="col-sm-4 control-label"
for="input-settings-shortcut-<%= shortcut.name %>"><%= shortcut.title %></label> for="input-settings-shortcut-<%= shortcut.name %>"><%= shortcut.title %></label>
<div class="col-lg-8 form-inline"> <div class="col-sm-8 form-inline">
<input type="text" id="input-settings-shortcut-<%= shortcut.name %>" <input type="text" id="input-settings-shortcut-<%= shortcut.name %>"
class="form-control col-lg-4"> class="form-control col-sm-4">
<label class="col-lg-2 control-label" <label class="col-sm-2 control-label"
for="input-settings-shortcut-<%= shortcut.name %>-mac">Mac</label> for="input-settings-shortcut-<%= shortcut.name %>-mac">Mac</label>
<input type="text" <input type="text"
id="input-settings-shortcut-<%= shortcut.name %>-mac" id="input-settings-shortcut-<%= shortcut.name %>-mac"
class="form-control col-lg-4"> class="form-control col-sm-4">
</div> </div>
</div> </div>

View File

@ -1,8 +1,8 @@
<p>Underlines mispelled words in the editor.</p> <p>Underlines mispelled words in the editor.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-5 control-label" for="select-spell-check-locale">Language</label> <label class="col-sm-5 control-label" for="select-spell-check-locale">Language</label>
<div class="col-lg-6"> <div class="col-sm-6">
<select id="select-spell-check-locale" class="form-control"> <select id="select-spell-check-locale" class="form-control">
<option value="en_US">English (United States)</option> <option value="en_US">English (United States)</option>
<option value="fr_FR">French (France)</option> <option value="fr_FR">French (France)</option>

View File

@ -1,23 +1,23 @@
<p>Generates a table of contents when a [TOC] marker is found.</p> <p>Generates a table of contents when a [TOC] marker is found.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="input-toc-marker">Marker <label class="col-sm-4 control-label" for="input-toc-marker">Marker
RegExp</label> RegExp</label>
<div class="col-lg-7"> <div class="col-sm-7">
<input type="text" id="input-toc-marker" class="col-lg-4 form-control"> <input type="text" id="input-toc-marker" class="col-sm-4 form-control">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="input-toc-maxdepth">Max depth</label> <label class="col-sm-4 control-label" for="input-toc-maxdepth">Max depth</label>
<div class="col-lg-7 form-inline"> <div class="col-sm-7 form-inline">
<input type="text" id="input-toc-maxdepth" <input type="text" id="input-toc-maxdepth"
class="col-lg-5 form-control" placeholder="6"> class="col-sm-5 form-control" placeholder="6">
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="input-toc-button">Button over preview</label> <label class="col-sm-4 control-label" for="input-toc-button">Button over preview</label>
<div class="col-lg-7"> <div class="col-sm-7">
<div class="checkbox"> <div class="checkbox">
<input type="checkbox" id="input-toc-button"> <input type="checkbox" id="input-toc-button">
</div> </div>

View File

@ -1,10 +1,10 @@
<p>Allows users to implement their own extension.</p> <p>Allows users to implement their own extension.</p>
<div class="form-horizontal"> <div class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-lg-4 control-label" for="textarea-usercustom-code">JavaScript code <label class="col-sm-4 control-label" for="textarea-usercustom-code">JavaScript code
<a href="#" class="tooltip-usercustom-extension">(?)</a> <a href="#" class="tooltip-usercustom-extension">(?)</a>
</label> </label>
<div class="col-lg-7"> <div class="col-sm-7">
<textarea id="textarea-usercustom-code" class="form-control"></textarea> <textarea id="textarea-usercustom-code" class="form-control"></textarea>
</div> </div>
</div> </div>