Remove animation on extension buttons
This commit is contained in:
parent
2e5d6d7b51
commit
858afa997d
@ -104,7 +104,7 @@ define([
|
|||||||
connect(task);
|
connect(task);
|
||||||
authenticate(task);
|
authenticate(task);
|
||||||
task.onRun(function() {
|
task.onRun(function() {
|
||||||
var url = settings.teamserverURL + '/repo/' + repo + '/changes';
|
var url = settings.teamserverURL + '/repo/' + repo + '/changes/';
|
||||||
var type = 'GET';
|
var type = 'GET';
|
||||||
if(lastChangeId) {
|
if(lastChangeId) {
|
||||||
url += lastChangeId;
|
url += lastChangeId;
|
||||||
|
@ -2,6 +2,6 @@
|
|||||||
<i class="icon-code"></i>
|
<i class="icon-code"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
<h3>HTML code</h3>
|
<h2>HTML code</h2>
|
||||||
<textarea id="input-html-code" class="form-control"></textarea>
|
<textarea id="input-html-code" class="form-control"></textarea>
|
||||||
</div>
|
</div>
|
||||||
|
@ -2,16 +2,16 @@
|
|||||||
<i class="icon-help-circled"></i>
|
<i class="icon-help-circled"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
<h3>Markdown syntax</h3>
|
<h2>Markdown syntax</h2>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="markdown-syntax">
|
<div class="markdown-syntax">
|
||||||
<h4>Phrase Emphasis</h4>
|
<h3>Phrase Emphasis</h3>
|
||||||
|
|
||||||
<pre><code>*italic* **bold**
|
<pre><code>*italic* **bold**
|
||||||
_italic_ __bold__
|
_italic_ __bold__
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Links</h4>
|
<h3>Links</h3>
|
||||||
|
|
||||||
<p>Inline:</p>
|
<p>Inline:</p>
|
||||||
|
|
||||||
@ -26,7 +26,7 @@ else in the doc, define the link:
|
|||||||
[id]: http://example.com/ "Title"
|
[id]: http://example.com/ "Title"
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Images</h4>
|
<h3>Images</h3>
|
||||||
|
|
||||||
<p>Inline (titles are optional):</p>
|
<p>Inline (titles are optional):</p>
|
||||||
|
|
||||||
@ -40,7 +40,7 @@ else in the doc, define the link:
|
|||||||
[id]: /url/to/img.jpg "Title"
|
[id]: /url/to/img.jpg "Title"
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Headers</h4>
|
<h3>Headers</h3>
|
||||||
|
|
||||||
<p>Setext-style:</p>
|
<p>Setext-style:</p>
|
||||||
|
|
||||||
@ -60,7 +60,7 @@ Header 2
|
|||||||
###### Header 6
|
###### Header 6
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Lists</h4>
|
<h3>Lists</h3>
|
||||||
|
|
||||||
<p>Ordered, without paragraphs:</p>
|
<p>Ordered, without paragraphs:</p>
|
||||||
|
|
||||||
@ -89,7 +89,7 @@ Header 2
|
|||||||
* Cunning
|
* Cunning
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Blockquotes</h4>
|
<h3>Blockquotes</h3>
|
||||||
|
|
||||||
<pre><code>> Email-style angle brackets
|
<pre><code>> Email-style angle brackets
|
||||||
> are used for blockquotes.
|
> are used for blockquotes.
|
||||||
@ -102,7 +102,7 @@ Header 2
|
|||||||
> * Etc.
|
> * Etc.
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Code Spans</h4>
|
<h3>Code Spans</h3>
|
||||||
|
|
||||||
<pre><code>`<code>` spans are delimited
|
<pre><code>`<code>` spans are delimited
|
||||||
by backticks.
|
by backticks.
|
||||||
@ -111,7 +111,7 @@ You can include literal backticks
|
|||||||
like `` `this` ``.
|
like `` `this` ``.
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Preformatted Code Blocks</h4>
|
<h3>Preformatted Code Blocks</h3>
|
||||||
|
|
||||||
<p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
|
<p>Indent every line of a code block by at least 4 spaces or 1 tab.</p>
|
||||||
|
|
||||||
@ -121,7 +121,7 @@ like `` `this` ``.
|
|||||||
code block.
|
code block.
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Horizontal Rules</h4>
|
<h3>Horizontal Rules</h3>
|
||||||
|
|
||||||
<p>Three or more dashes or asterisks:</p>
|
<p>Three or more dashes or asterisks:</p>
|
||||||
|
|
||||||
@ -132,7 +132,7 @@ like `` `this` ``.
|
|||||||
- - - -
|
- - - -
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<h4>Manual Line Breaks</h4>
|
<h3>Manual Line Breaks</h3>
|
||||||
|
|
||||||
<p>End a line with two or more spaces:</p>
|
<p>End a line with two or more spaces:</p>
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<span class="value"></span>
|
<span class="value"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right stat-button-dropdown">
|
<div class="dropdown-menu pull-right stat-button-dropdown">
|
||||||
<h3>Statistics</h3>
|
<h2>Statistics</h2>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="stat">
|
<div class="stat">
|
||||||
<div>
|
<div>
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<i class="icon-list"></i>
|
<i class="icon-list"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
<h3>Table of contents</h3>
|
<h2>Table of contents</h2>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="table-of-contents">
|
<div class="table-of-contents">
|
||||||
</div>
|
</div>
|
||||||
|
@ -518,9 +518,6 @@ define([
|
|||||||
|
|
||||||
previewButtons.initHammer(true);
|
previewButtons.initHammer(true);
|
||||||
previewButtons.adjustPosition = function() {
|
previewButtons.adjustPosition = function() {
|
||||||
if(!previewButtons.isDragged) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
var minX = -windowSize.width + previewButtons.elt.offsetWidth;
|
var minX = -windowSize.width + previewButtons.elt.offsetWidth;
|
||||||
var minY = -windowSize.height + previewButtons.elt.offsetHeight;
|
var minY = -windowSize.height + previewButtons.elt.offsetHeight;
|
||||||
this.x < minX && (this.x = minX);
|
this.x < minX && (this.x = minX);
|
||||||
@ -533,8 +530,6 @@ define([
|
|||||||
|
|
||||||
var buttonsInitialCoord;
|
var buttonsInitialCoord;
|
||||||
previewButtons.hammer.on('dragstart', function() {
|
previewButtons.hammer.on('dragstart', function() {
|
||||||
previewButtons.isDragged = true;
|
|
||||||
previewButtons.$elt.removeClass('animate');
|
|
||||||
wrapperL2.$elt.addClass('dragging');
|
wrapperL2.$elt.addClass('dragging');
|
||||||
buttonsInitialCoord = {
|
buttonsInitialCoord = {
|
||||||
x: previewButtons.x,
|
x: previewButtons.x,
|
||||||
@ -607,36 +602,6 @@ define([
|
|||||||
previewButtons.y = previewButtonsOffset.y;
|
previewButtons.y = previewButtonsOffset.y;
|
||||||
previewButtons.applyCss();
|
previewButtons.applyCss();
|
||||||
|
|
||||||
function openPreviewButtons() {
|
|
||||||
clearTimeout(closeTimeoutId);
|
|
||||||
if(!previewButtons.isDragged) {
|
|
||||||
previewButtons.x = previewButtonsOffset.x;
|
|
||||||
previewButtons.applyCss();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var closeTimeoutId;
|
|
||||||
var dropdownOpen = false;
|
|
||||||
|
|
||||||
function closePreviewButtons() {
|
|
||||||
clearTimeout(closeTimeoutId);
|
|
||||||
closeTimeoutId = setTimeout(function() {
|
|
||||||
if(!previewButtons.isDragged && !dropdownOpen) {
|
|
||||||
previewButtons.$elt.addClass('animate');
|
|
||||||
previewButtons.x = previewButtonsOffset.x + previewButtons.elt.offsetWidth;
|
|
||||||
previewButtons.applyCss();
|
|
||||||
}
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
|
|
||||||
closePreviewButtons();
|
|
||||||
previewButtons.$elt.hover(openPreviewButtons, closePreviewButtons).on('show.bs.dropdown', function() {
|
|
||||||
dropdownOpen = true;
|
|
||||||
}).on('hidden.bs.dropdown', function() {
|
|
||||||
dropdownOpen = false;
|
|
||||||
closePreviewButtons();
|
|
||||||
});
|
|
||||||
|
|
||||||
_.each(previewButtons.elt.querySelectorAll('.btn-group'), function(btnGroupElt) {
|
_.each(previewButtons.elt.querySelectorAll('.btn-group'), function(btnGroupElt) {
|
||||||
var $btnGroupElt = $(btnGroupElt);
|
var $btnGroupElt = $(btnGroupElt);
|
||||||
$btnGroupElt.on('shown.bs.dropdown', function() {
|
$btnGroupElt.on('shown.bs.dropdown', function() {
|
||||||
|
@ -114,6 +114,7 @@ h6 { font-size: @title-base-size * 0.85; }
|
|||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 1.3em 0;
|
margin: 1.3em 0;
|
||||||
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
@ -130,14 +130,14 @@
|
|||||||
@popover-arrow-outer-color: @secondary-border-color;
|
@popover-arrow-outer-color: @secondary-border-color;
|
||||||
@popover-title-bg: @transparent;
|
@popover-title-bg: @transparent;
|
||||||
@alert-border-radius: 0;
|
@alert-border-radius: 0;
|
||||||
@label-warning-bg: spin(darken(@logo-yellow, 4%), -6);
|
@label-warning-bg: spin(darken(@logo-yellow, 4%), -10);
|
||||||
@label-danger-bg: spin(darken(@logo-orange, 4%), -4);
|
@state-warning-text: spin(darken(@logo-yellow, 14%), -10);
|
||||||
@state-warning-text: spin(darken(@logo-yellow, 14%), -6);
|
@state-warning-bg: fade(spin(@logo-yellow, -10), 12%);
|
||||||
@state-warning-bg: fade(spin(@logo-yellow, -6), 12%);
|
@state-warning-border: fade(spin(@logo-yellow, -10), 24%);
|
||||||
@state-warning-border: fade(spin(@logo-yellow, -6), 24%);
|
@label-danger-bg: spin(darken(@logo-orange, 4%), -8);
|
||||||
@state-danger-text: spin(darken(@logo-orange, 18%), -4);
|
@state-danger-text: spin(darken(@logo-orange, 18%), -8);
|
||||||
@state-danger-bg: fade(spin(@logo-orange, -4), 10%);
|
@state-danger-bg: fade(spin(@logo-orange, -8), 10%);
|
||||||
@state-danger-border: fade(spin(@logo-orange, -4), 20%);
|
@state-danger-border: fade(spin(@logo-orange, -8), 20%);
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
@ -1371,7 +1371,7 @@ div.dropdown-menu, {
|
|||||||
color: @link-hover-color;
|
color: @link-hover-color;
|
||||||
}
|
}
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
margin: 1em 0;
|
margin: 0.8em 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user