mirror of
https://github.com/zulip/zulip.git
synced 2026-06-21 21:32:29 +08:00
5071325345
We don't modify bootstrap.js here but override its popover and tooltip plugins. In future we will not import these plugins via npm. We also copy all the popover code from bootstrap.css v2.1.1 to popovers.scss since all the code in bootstrap-tooltip.js is based upon this css or vice versa. Update THIRDPARTY info about bootstrap libraries. There were 4 types of changes to bootstrap.js - bugfixes, file moves, changes to typeahead plugin and changes to tooltip + popover plugin. Bugfixes were automatically fixed when upgrading to v2.3.2, file moves are irrelevant to this upgrade and the plugins were extracted into separate files.46e562f- POPOVER8779e55- POPOVER66c6423- POPOVER21ccf45- POPOVERcb9b526- TYPEAHEAD EXTRACTED3079cf8- TYPEAHEAD9ea4f50- TYPEAHEADb961093- TYPEAHEAD0e2c509- TYPEAHEAD28589c5- TYPEAHEAD70a14d8- TYPEAHEAD0c42e4a- TYPEAHEAD213b8ce- FIXED IN 2.3.20bac986- TYPEAHEAD0e3332d- FIXED IN V2.3.2eaa777b- TYPEAHEADf944a8e- TYPEAHEAD546ae10- TYPEAHEAD3bba0cc- FILE MOVEDb8794e1- TYPEAHEAD6217c1a- TYPEAHEADdc85fa7- TYPEAHEADd329317- TYPEAHEADb3ef776- TYPEAHEADfcb3999- TYPEAHEAD0975cfa- TYPEAHEADfbed3e2- TYPEAHEAD0fa857d- POPOVER68b890a- TYPEAHEADb5cadec- typeahead441e429- copyright22ce2c0Fixed In v2.3.2 d78d761- typeahead bff933e- typeahead ef585cf- typeahead7e35369- typeahead8f1cee0- Files moving around1490ae1- add file
192 lines
3.7 KiB
CSS
192 lines
3.7 KiB
CSS
|
|
.tooltip {
|
|
position: absolute;
|
|
z-index: 1030;
|
|
display: block;
|
|
padding: 5px;
|
|
font-size: 11px;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
visibility: visible;
|
|
}
|
|
.tooltip.in {
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80);
|
|
}
|
|
.tooltip.top {
|
|
margin-top: -3px;
|
|
}
|
|
.tooltip.right {
|
|
margin-left: 3px;
|
|
}
|
|
.tooltip.bottom {
|
|
margin-top: 3px;
|
|
}
|
|
.tooltip.left {
|
|
margin-left: -3px;
|
|
}
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 3px 8px;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
background-color: #000000;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-top-color: #000000;
|
|
border-width: 5px 5px 0;
|
|
}
|
|
.tooltip.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
border-right-color: #000000;
|
|
border-width: 5px 5px 5px 0;
|
|
}
|
|
.tooltip.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -5px;
|
|
border-left-color: #000000;
|
|
border-width: 5px 0 5px 5px;
|
|
}
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-bottom-color: #000000;
|
|
border-width: 0 5px 5px;
|
|
}
|
|
.popover {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1010;
|
|
display: none;
|
|
width: 236px;
|
|
padding: 1px;
|
|
background-color: #ffffff;
|
|
border: 1px solid #ccc;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding;
|
|
background-clip: padding-box;
|
|
}
|
|
.popover.top {
|
|
margin-bottom: 10px;
|
|
}
|
|
.popover.right {
|
|
margin-left: 10px;
|
|
}
|
|
.popover.bottom {
|
|
margin-top: 10px;
|
|
}
|
|
.popover.left {
|
|
margin-right: 10px;
|
|
}
|
|
.popover-title {
|
|
padding: 8px 14px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
background-color: #f7f7f7;
|
|
border-bottom: 1px solid #ebebeb;
|
|
-webkit-border-radius: 5px 5px 0 0;
|
|
-moz-border-radius: 5px 5px 0 0;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.popover-content {
|
|
padding: 9px 14px;
|
|
}
|
|
.popover-content p,
|
|
.popover-content ul,
|
|
.popover-content ol {
|
|
margin-bottom: 0;
|
|
}
|
|
.popover .arrow,
|
|
.popover .arrow:after {
|
|
position: absolute;
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-color: transparent;
|
|
border-style: solid;
|
|
}
|
|
.popover .arrow:after {
|
|
z-index: -1;
|
|
content: "";
|
|
}
|
|
.popover.top .arrow {
|
|
bottom: -10px;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
border-top-color: #ffffff;
|
|
border-width: 10px 10px 0;
|
|
}
|
|
.popover.top .arrow:after {
|
|
bottom: -1px;
|
|
left: -11px;
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
border-width: 11px 11px 0;
|
|
}
|
|
.popover.right .arrow {
|
|
top: 50%;
|
|
left: -10px;
|
|
margin-top: -10px;
|
|
border-right-color: #ffffff;
|
|
border-width: 10px 10px 10px 0;
|
|
}
|
|
.popover.right .arrow:after {
|
|
bottom: -11px;
|
|
left: -1px;
|
|
border-right-color: rgba(0, 0, 0, 0.25);
|
|
border-width: 11px 11px 11px 0;
|
|
}
|
|
.popover.bottom .arrow {
|
|
top: -10px;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
border-bottom-color: #ffffff;
|
|
border-width: 0 10px 10px;
|
|
}
|
|
.popover.bottom .arrow:after {
|
|
top: -1px;
|
|
left: -11px;
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
border-width: 0 11px 11px;
|
|
}
|
|
.popover.left .arrow {
|
|
top: 50%;
|
|
right: -10px;
|
|
margin-top: -10px;
|
|
border-left-color: #ffffff;
|
|
border-width: 10px 0 10px 10px;
|
|
}
|
|
.popover.left .arrow:after {
|
|
right: -1px;
|
|
bottom: -11px;
|
|
border-left-color: rgba(0, 0, 0, 0.25);
|
|
border-width: 11px 0 11px 11px;
|
|
}
|