mirror of
https://github.com/zulip/zulip.git
synced 2025-11-13 02:17:19 +00:00
bootstrap: Remove code for bootstrap modals.
We use micromodal library for all the modals now and thus we no longer require the bootstrap modal code.
This commit is contained in:
Sahil Batra
Tim Abbott
121
web/third/bootstrap/css/bootstrap.css
vendored
121
web/third/bootstrap/css/bootstrap.css
vendored
@@ -497,102 +497,6 @@ input:focus:invalid:focus {
|
|||||||
.alert-info h4 {
|
.alert-info h4 {
|
||||||
color: #3a87ad;
|
color: #3a87ad;
|
||||||
}
|
}
|
||||||
.modal-backdrop {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 1040;
|
|
||||||
background-color: #000000;
|
|
||||||
}
|
|
||||||
.modal-backdrop.fade {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
.modal-backdrop,
|
|
||||||
.modal-backdrop.fade.in {
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 10%;
|
|
||||||
left: 50%;
|
|
||||||
z-index: 1050;
|
|
||||||
width: 560px;
|
|
||||||
margin-left: -280px;
|
|
||||||
background-color: #ffffff;
|
|
||||||
border: 1px solid #999;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
||||||
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
||||||
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
|
|
||||||
-webkit-background-clip: padding-box;
|
|
||||||
-moz-background-clip: padding-box;
|
|
||||||
background-clip: padding-box;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
.modal.fade {
|
|
||||||
-webkit-transition: opacity .3s linear, top .3s ease-out;
|
|
||||||
-moz-transition: opacity .3s linear, top .3s ease-out;
|
|
||||||
-o-transition: opacity .3s linear, top .3s ease-out;
|
|
||||||
transition: opacity .3s linear, top .3s ease-out;
|
|
||||||
top: -25%;
|
|
||||||
}
|
|
||||||
.modal.fade.in {
|
|
||||||
top: 10%;
|
|
||||||
}
|
|
||||||
.modal-header {
|
|
||||||
padding: 9px 15px;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
.modal-header .close {
|
|
||||||
margin-top: 2px;
|
|
||||||
}
|
|
||||||
.modal-header h3 {
|
|
||||||
margin: 0;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
.modal-body {
|
|
||||||
position: relative;
|
|
||||||
overflow-y: auto;
|
|
||||||
max-height: 400px;
|
|
||||||
padding: 15px;
|
|
||||||
}
|
|
||||||
.modal-footer {
|
|
||||||
padding: 14px 15px 15px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
text-align: right;
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border-top: 1px solid #ddd;
|
|
||||||
-webkit-border-radius: 0 0 6px 6px;
|
|
||||||
-moz-border-radius: 0 0 6px 6px;
|
|
||||||
border-radius: 0 0 6px 6px;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 #ffffff;
|
|
||||||
-moz-box-shadow: inset 0 1px 0 #ffffff;
|
|
||||||
box-shadow: inset 0 1px 0 #ffffff;
|
|
||||||
}
|
|
||||||
.modal-footer:before,
|
|
||||||
.modal-footer:after {
|
|
||||||
display: table;
|
|
||||||
content: "";
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
.modal-footer:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
.modal-footer .btn + .btn {
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
.modal-footer .btn-group .btn + .btn {
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
.modal-footer .btn-block + .btn-block {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.dropup,
|
.dropup,
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -774,31 +678,6 @@ button.close {
|
|||||||
.row {
|
.row {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
.modal {
|
|
||||||
position: fixed;
|
|
||||||
top: 20px;
|
|
||||||
left: 20px;
|
|
||||||
right: 20px;
|
|
||||||
width: auto;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.modal.fade {
|
|
||||||
top: -100px;
|
|
||||||
}
|
|
||||||
.modal.fade.in {
|
|
||||||
top: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 480px) {
|
|
||||||
.modal {
|
|
||||||
top: 10px;
|
|
||||||
left: 10px;
|
|
||||||
right: 10px;
|
|
||||||
}
|
|
||||||
.modal-header .close {
|
|
||||||
padding: 10px;
|
|
||||||
margin: -10px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@media (min-width: 768px) and (max-width: 979px) {
|
@media (min-width: 768px) and (max-width: 979px) {
|
||||||
.row {
|
.row {
|
||||||
|
|||||||
248
web/third/bootstrap/js/bootstrap.js
vendored
248
web/third/bootstrap/js/bootstrap.js
vendored
@@ -58,254 +58,6 @@
|
|||||||
})
|
})
|
||||||
|
|
||||||
}(window.jQuery);
|
}(window.jQuery);
|
||||||
/* =========================================================
|
|
||||||
* bootstrap-modal.js v2.3.2
|
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#modals
|
|
||||||
* =========================================================
|
|
||||||
* Copyright 2012 Twitter, Inc.
|
|
||||||
*
|
|
||||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
* you may not use this file except in compliance with the License.
|
|
||||||
* You may obtain a copy of the License at
|
|
||||||
*
|
|
||||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
*
|
|
||||||
* Unless required by applicable law or agreed to in writing, software
|
|
||||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
* See the License for the specific language governing permissions and
|
|
||||||
* limitations under the License.
|
|
||||||
* ========================================================= */
|
|
||||||
|
|
||||||
|
|
||||||
!function ($) {
|
|
||||||
|
|
||||||
"use strict"; // jshint ;_;
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL CLASS DEFINITION
|
|
||||||
* ====================== */
|
|
||||||
|
|
||||||
var Modal = function (element, options) {
|
|
||||||
this.options = options
|
|
||||||
this.$element = $(element)
|
|
||||||
.delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this))
|
|
||||||
this.options.remote && this.$element.find('.modal-body').load(this.options.remote)
|
|
||||||
}
|
|
||||||
|
|
||||||
Modal.prototype = {
|
|
||||||
|
|
||||||
constructor: Modal
|
|
||||||
|
|
||||||
, toggle: function () {
|
|
||||||
return this[!this.isShown ? 'show' : 'hide']()
|
|
||||||
}
|
|
||||||
|
|
||||||
, show: function () {
|
|
||||||
var that = this
|
|
||||||
, e = $.Event('show')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
this.isShown = true
|
|
||||||
|
|
||||||
this.escape()
|
|
||||||
|
|
||||||
this.backdrop(function () {
|
|
||||||
var transition = $.support.transition && that.$element.hasClass('fade')
|
|
||||||
|
|
||||||
if (!that.$element.parent().length) {
|
|
||||||
that.$element.appendTo(document.body) //don't move modals dom position
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element.show()
|
|
||||||
|
|
||||||
if (transition) {
|
|
||||||
that.$element[0].offsetWidth // force reflow
|
|
||||||
}
|
|
||||||
|
|
||||||
that.$element
|
|
||||||
.addClass('in')
|
|
||||||
.attr('aria-hidden', false)
|
|
||||||
|
|
||||||
that.enforceFocus()
|
|
||||||
|
|
||||||
transition ?
|
|
||||||
that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) :
|
|
||||||
that.$element.focus().trigger('shown')
|
|
||||||
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, hide: function (e) {
|
|
||||||
e && e.preventDefault()
|
|
||||||
|
|
||||||
var that = this
|
|
||||||
|
|
||||||
e = $.Event('hide')
|
|
||||||
|
|
||||||
this.$element.trigger(e)
|
|
||||||
|
|
||||||
if (!this.isShown || e.isDefaultPrevented()) return
|
|
||||||
|
|
||||||
this.isShown = false
|
|
||||||
|
|
||||||
this.escape()
|
|
||||||
|
|
||||||
$(document).off('focusin.modal')
|
|
||||||
|
|
||||||
this.$element
|
|
||||||
.removeClass('in')
|
|
||||||
.attr('aria-hidden', true)
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade') ?
|
|
||||||
this.hideWithTransition() :
|
|
||||||
this.hideModal()
|
|
||||||
}
|
|
||||||
|
|
||||||
, enforceFocus: function () {
|
|
||||||
var that = this
|
|
||||||
$(document).on('focusin.modal', function (e) {
|
|
||||||
if (that.$element[0] !== e.target && !that.$element.has(e.target).length) {
|
|
||||||
that.$element.focus()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, escape: function () {
|
|
||||||
var that = this
|
|
||||||
if (this.isShown && this.options.keyboard) {
|
|
||||||
this.$element.on('keyup.dismiss.modal', function ( e ) {
|
|
||||||
e.which == 27 && that.hide()
|
|
||||||
})
|
|
||||||
} else if (!this.isShown) {
|
|
||||||
this.$element.off('keyup.dismiss.modal')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
, hideWithTransition: function () {
|
|
||||||
var that = this
|
|
||||||
, timeout = setTimeout(function () {
|
|
||||||
that.$element.off($.support.transition.end)
|
|
||||||
that.hideModal()
|
|
||||||
}, 500)
|
|
||||||
|
|
||||||
this.$element.one($.support.transition.end, function () {
|
|
||||||
clearTimeout(timeout)
|
|
||||||
that.hideModal()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, hideModal: function () {
|
|
||||||
var that = this
|
|
||||||
this.$element.hide()
|
|
||||||
this.backdrop(function () {
|
|
||||||
that.removeBackdrop()
|
|
||||||
that.$element.trigger('hidden')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
, removeBackdrop: function () {
|
|
||||||
this.$backdrop && this.$backdrop.remove()
|
|
||||||
this.$backdrop = null
|
|
||||||
}
|
|
||||||
|
|
||||||
, backdrop: function (callback) {
|
|
||||||
var that = this
|
|
||||||
, animate = this.$element.hasClass('fade') ? 'fade' : ''
|
|
||||||
|
|
||||||
if (this.isShown && this.options.backdrop) {
|
|
||||||
var doAnimate = $.support.transition && animate
|
|
||||||
|
|
||||||
this.$backdrop = $('<div class="modal-backdrop ' + animate + '" />')
|
|
||||||
.appendTo(document.body)
|
|
||||||
|
|
||||||
this.$backdrop.click(
|
|
||||||
this.options.backdrop == 'static' ?
|
|
||||||
$.proxy(this.$element[0].focus, this.$element[0])
|
|
||||||
: $.proxy(this.hide, this)
|
|
||||||
)
|
|
||||||
|
|
||||||
if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
|
|
||||||
|
|
||||||
this.$backdrop.addClass('in')
|
|
||||||
|
|
||||||
if (!callback) return
|
|
||||||
|
|
||||||
doAnimate ?
|
|
||||||
this.$backdrop.one($.support.transition.end, callback) :
|
|
||||||
callback()
|
|
||||||
|
|
||||||
} else if (!this.isShown && this.$backdrop) {
|
|
||||||
this.$backdrop.removeClass('in')
|
|
||||||
|
|
||||||
$.support.transition && this.$element.hasClass('fade')?
|
|
||||||
this.$backdrop.one($.support.transition.end, callback) :
|
|
||||||
callback()
|
|
||||||
|
|
||||||
} else if (callback) {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL PLUGIN DEFINITION
|
|
||||||
* ======================= */
|
|
||||||
|
|
||||||
var old = $.fn.modal
|
|
||||||
|
|
||||||
$.fn.modal = function (option) {
|
|
||||||
return this.each(function () {
|
|
||||||
var $this = $(this)
|
|
||||||
, data = $this.data('modal')
|
|
||||||
, options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option)
|
|
||||||
if (!data) $this.data('modal', (data = new Modal(this, options)))
|
|
||||||
if (typeof option == 'string') data[option]()
|
|
||||||
else if (options.show) data.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.modal.defaults = {
|
|
||||||
backdrop: true
|
|
||||||
, keyboard: true
|
|
||||||
, show: true
|
|
||||||
}
|
|
||||||
|
|
||||||
$.fn.modal.Constructor = Modal
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL NO CONFLICT
|
|
||||||
* ================= */
|
|
||||||
|
|
||||||
$.fn.modal.noConflict = function () {
|
|
||||||
$.fn.modal = old
|
|
||||||
return this
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* MODAL DATA-API
|
|
||||||
* ============== */
|
|
||||||
|
|
||||||
$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
|
|
||||||
var $this = $(this)
|
|
||||||
, href = $this.attr('href')
|
|
||||||
, $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
|
|
||||||
, option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())
|
|
||||||
|
|
||||||
e.preventDefault()
|
|
||||||
|
|
||||||
$target
|
|
||||||
.modal(option)
|
|
||||||
.one('hide', function () {
|
|
||||||
$this.focus()
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
}(window.jQuery);
|
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
* bootstrap-dropdown.js v2.3.2
|
* bootstrap-dropdown.js v2.3.2
|
||||||
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
* http://twitter.github.com/bootstrap/javascript.html#dropdowns
|
||||||
|
|||||||
Reference in New Issue
Block a user