bootstrap 5 dialog css
这个提交包含在：
HB9HIL
父节点
313e5a13fd
当前提交
a40f35e379
共有 3 个文件被更改，包括 71 次插入 和 116 次删除
130
assets/css/bootstrap-dialog.css
vendored
130
assets/css/bootstrap-dialog.css
vendored
|
|
@ -1,169 +1,121 @@
|
|||
.bootstrap-dialog{
|
||||
overflow-y: initial !important
|
||||
}
|
||||
.bootstrap-dialog-body{
|
||||
max-height: calc(100vh - 200px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.bootstrap-dialog {
|
||||
/* dialog types */
|
||||
/**
|
||||
* Icon animation
|
||||
* Copied from font-awesome: http://fontawesome.io/
|
||||
**/
|
||||
/** End of icon animation **/
|
||||
}
|
||||
/** End of icon animation **/ }
|
||||
|
||||
.bootstrap-dialog .modal-header {
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
}
|
||||
border-top-right-radius: 4px; }
|
||||
|
||||
.bootstrap-dialog .bootstrap-dialog-title {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
}
|
||||
font-size: 16px; }
|
||||
|
||||
.bootstrap-dialog .bootstrap-dialog-message {
|
||||
font-size: 14px;
|
||||
}
|
||||
font-size: 14px; }
|
||||
|
||||
.bootstrap-dialog .bootstrap-dialog-button-icon {
|
||||
margin-right: 3px;
|
||||
}
|
||||
margin-right: 3px; }
|
||||
|
||||
.bootstrap-dialog .bootstrap-dialog-close-button {
|
||||
font-size: 20px;
|
||||
float: right;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
}
|
||||
filter: alpha(opacity=90); }
|
||||
|
||||
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
filter: alpha(opacity=100); }
|
||||
|
||||
@media (min-width: 1172px) {
|
||||
.bootstrap-dialog .modal-xl {
|
||||
max-width: 95%;
|
||||
}
|
||||
}
|
||||
max-width: 95%; } }
|
||||
|
||||
.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
|
||||
margin-top: 8px;
|
||||
}
|
||||
margin-top: 8px; }
|
||||
|
||||
.bootstrap-dialog.type-default .modal-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
background-color: #fff; }
|
||||
|
||||
.bootstrap-dialog.type-default .bootstrap-dialog-title {
|
||||
color: #333;
|
||||
}
|
||||
color: #333; }
|
||||
|
||||
.bootstrap-dialog.type-info .modal-header {
|
||||
background-color: #17a2b8;
|
||||
}
|
||||
background-color: #17a2b8; }
|
||||
|
||||
.bootstrap-dialog.type-primary .modal-header {
|
||||
background-color: #007bff;
|
||||
}
|
||||
background-color: #007bff; }
|
||||
|
||||
.bootstrap-dialog.type-secondary .modal-header {
|
||||
background-color: #6c757d;
|
||||
}
|
||||
background-color: #6c757d; }
|
||||
|
||||
.bootstrap-dialog.type-success .modal-header {
|
||||
background-color: #28a745;
|
||||
}
|
||||
background-color: #28a745; }
|
||||
|
||||
.bootstrap-dialog.type-warning .modal-header {
|
||||
background-color: #ffc107;
|
||||
}
|
||||
background-color: #ffc107; }
|
||||
|
||||
.bootstrap-dialog.type-danger .modal-header {
|
||||
background-color: #dc3545;
|
||||
}
|
||||
background-color: #dc3545; }
|
||||
|
||||
.bootstrap-dialog.type-light .modal-header {
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
background-color: #f8f9fa; }
|
||||
|
||||
.bootstrap-dialog.type-dark .modal-header {
|
||||
background-color: #343a40;
|
||||
}
|
||||
background-color: #343a40; }
|
||||
|
||||
.bootstrap-dialog.size-large .bootstrap-dialog-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
font-size: 24px; }
|
||||
|
||||
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
|
||||
font-size: 30px;
|
||||
}
|
||||
font-size: 30px; }
|
||||
|
||||
.bootstrap-dialog.size-large .bootstrap-dialog-message {
|
||||
font-size: 18px;
|
||||
}
|
||||
font-size: 18px; }
|
||||
|
||||
.bootstrap-dialog .icon-spin {
|
||||
display: inline-block;
|
||||
-moz-animation: spin 2s infinite linear;
|
||||
-o-animation: spin 2s infinite linear;
|
||||
-webkit-animation: spin 2s infinite linear;
|
||||
animation: spin 2s infinite linear;
|
||||
}
|
||||
animation: spin 2s infinite linear; }
|
||||
|
||||
.bootstrap-dialog-footer-buttons {
|
||||
display: flex;
|
||||
}
|
||||
display: flex; }
|
||||
|
||||
@-moz-keyframes spin {
|
||||
0% {
|
||||
-moz-transform: rotate(0deg);
|
||||
}
|
||||
-moz-transform: rotate(0deg); }
|
||||
100% {
|
||||
-moz-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
-moz-transform: rotate(359deg); } }
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
-webkit-transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
-webkit-transform: rotate(359deg); } }
|
||||
|
||||
@-o-keyframes spin {
|
||||
0% {
|
||||
-o-transform: rotate(0deg);
|
||||
}
|
||||
-o-transform: rotate(0deg); }
|
||||
100% {
|
||||
-o-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
-o-transform: rotate(359deg); } }
|
||||
|
||||
@-ms-keyframes spin {
|
||||
0% {
|
||||
-ms-transform: rotate(0deg);
|
||||
}
|
||||
-ms-transform: rotate(0deg); }
|
||||
100% {
|
||||
-ms-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
-ms-transform: rotate(359deg); } }
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
transform: rotate(359deg); } }
|
||||
|
||||
.bootstrap-dialog-header {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=bootstrap-dialog.css.map */
|
||||
|
||||
/*# sourceMappingURL=bootstrap-dialog.css.map */
|
||||
display: contents; }
|
||||
|
|
|
|||
2
assets/css/bootstrap-dialog.min.css
vendored
普通文件
2
assets/css/bootstrap-dialog.min.css
vendored
普通文件
|
|
@ -0,0 +1,2 @@
|
|||
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.bootstrap-dialog .modal-header{border-top-left-radius:4px;border-top-right-radius:4px}.bootstrap-dialog .bootstrap-dialog-title{color:#fff;display:inline-block;font-size:16px}.bootstrap-dialog .bootstrap-dialog-message{font-size:14px}.bootstrap-dialog .bootstrap-dialog-button-icon{margin-right:3px}.bootstrap-dialog .bootstrap-dialog-close-button{float:right;opacity:.9;filter:alpha(opacity=90)}.bootstrap-dialog .bootstrap-dialog-close-button:hover{cursor:pointer;opacity:1;filter:alpha(opacity=100)}@media (min-width:1172px){.bootstrap-dialog .modal-xl{max-width:95%}}.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child{margin-top:8px}.bootstrap-dialog.type-default .modal-header{background-color:#fff}.bootstrap-dialog.type-default .bootstrap-dialog-title{color:#333}.bootstrap-dialog.type-info .modal-header{background-color:#17a2b8}.bootstrap-dialog.type-primary .modal-header{background-color:#007bff}.bootstrap-dialog.type-secondary .modal-header{background-color:#6c757d}.bootstrap-dialog.type-success .modal-header{background-color:#28a745}.bootstrap-dialog.type-warning .modal-header{background-color:#ffc107}.bootstrap-dialog.type-danger .modal-header{background-color:#dc3545}.bootstrap-dialog.type-light .modal-header{background-color:#f8f9fa}.bootstrap-dialog.type-dark .modal-header{background-color:#343a40}.bootstrap-dialog.size-large .bootstrap-dialog-title{font-size:24px}.bootstrap-dialog.size-large .bootstrap-dialog-close-button{font-size:30px}.bootstrap-dialog.size-large .bootstrap-dialog-message{font-size:18px}.bootstrap-dialog .icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}.bootstrap-dialog-footer-buttons{display:flex}.bootstrap-dialog-header{display:contents}
|
||||
/*# sourceMappingURL=bootstrap-dialog.min.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["bootstrap-dialog.css"],"names":[],"mappings":"AAyFA,A,qBACE,E,CACE,2B,CACF,E,CACE,+BAEJ,A,wBACE,E,CACE,8B,CACF,E,CACE,kCAEJ,A,mBACE,E,CACE,yB,CACF,E,CACE,6BAEJ,A,oBACE,E,CACE,0B,CACF,E,CACE,8BAEJ,A,gBACE,E,CACE,sB,CACF,E,CACE,0BA7GJ,+B,CACE,0B,CACA,2B,CAEF,yC,CACE,U,CACA,oB,CACA,c,CAEF,2C,CACE,c,CAEF,+C,CACE,gB,CAEF,gD,CACE,W,CACA,U,CACA,wB,CAEF,sD,CACE,c,CACA,S,CACA,yB,CAEF,0BACE,2B,CACE,eAEJ,iE,CACE,c,CAEF,4C,CACE,qB,CAEF,sD,CACE,U,CAEF,yC,CACE,wB,CAEF,4C,CACE,wB,CAEF,8C,CACE,wB,CAEF,4C,CACE,wB,CAEF,4C,CACE,wB,CAEF,2C,CACE,wB,CAEF,0C,CACE,wB,CAEF,yC,CACE,wB,CAEF,oD,CACE,c,CAEF,2D,CACE,c,CAEF,sD,CACE,c,CAEF,4B,CACE,oB,CACA,sC,CACA,oC,CACA,yC,CACA,iC,CAEF,gC,CACE,Y,CAgCF,wB,CACE,gB","file":"bootstrap-dialog.css","sourcesContent":[".bootstrap-dialog {\r\n /* dialog types */\r\n /**\r\n * Icon animation\r\n * Copied from font-awesome: http://fontawesome.io/\r\n **/\r\n /** End of icon animation **/ }\r\n\r\n.bootstrap-dialog .modal-header {\r\n border-top-left-radius: 4px;\r\n border-top-right-radius: 4px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-title {\r\n color: #fff;\r\n display: inline-block;\r\n font-size: 16px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-message {\r\n font-size: 14px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-button-icon {\r\n margin-right: 3px; }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-close-button {\r\n float: right;\r\n opacity: 0.9;\r\n filter: alpha(opacity=90); }\r\n\r\n.bootstrap-dialog .bootstrap-dialog-close-button:hover {\r\n cursor: pointer;\r\n opacity: 1;\r\n filter: alpha(opacity=100); }\r\n\r\n@media (min-width: 1172px) {\r\n .bootstrap-dialog .modal-xl {\r\n max-width: 95%; } }\r\n\r\n.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {\r\n margin-top: 8px; }\r\n\r\n.bootstrap-dialog.type-default .modal-header {\r\n background-color: #fff; }\r\n\r\n.bootstrap-dialog.type-default .bootstrap-dialog-title {\r\n color: #333; }\r\n\r\n.bootstrap-dialog.type-info .modal-header {\r\n background-color: #17a2b8; }\r\n\r\n.bootstrap-dialog.type-primary .modal-header {\r\n background-color: #007bff; }\r\n\r\n.bootstrap-dialog.type-secondary .modal-header {\r\n background-color: #6c757d; }\r\n\r\n.bootstrap-dialog.type-success .modal-header {\r\n background-color: #28a745; }\r\n\r\n.bootstrap-dialog.type-warning .modal-header {\r\n background-color: #ffc107; }\r\n\r\n.bootstrap-dialog.type-danger .modal-header {\r\n background-color: #dc3545; }\r\n\r\n.bootstrap-dialog.type-light .modal-header {\r\n background-color: #f8f9fa; }\r\n\r\n.bootstrap-dialog.type-dark .modal-header {\r\n background-color: #343a40; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-title {\r\n font-size: 24px; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-close-button {\r\n font-size: 30px; }\r\n\r\n.bootstrap-dialog.size-large .bootstrap-dialog-message {\r\n font-size: 18px; }\r\n\r\n.bootstrap-dialog .icon-spin {\r\n display: inline-block;\r\n -moz-animation: spin 2s infinite linear;\r\n -o-animation: spin 2s infinite linear;\r\n -webkit-animation: spin 2s infinite linear;\r\n animation: spin 2s infinite linear; }\r\n\r\n.bootstrap-dialog-footer-buttons {\r\n display: flex; }\r\n\r\n@-moz-keyframes spin {\r\n 0% {\r\n -moz-transform: rotate(0deg); }\r\n 100% {\r\n -moz-transform: rotate(359deg); } }\r\n\r\n@-webkit-keyframes spin {\r\n 0% {\r\n -webkit-transform: rotate(0deg); }\r\n 100% {\r\n -webkit-transform: rotate(359deg); } }\r\n\r\n@-o-keyframes spin {\r\n 0% {\r\n -o-transform: rotate(0deg); }\r\n 100% {\r\n -o-transform: rotate(359deg); } }\r\n\r\n@-ms-keyframes spin {\r\n 0% {\r\n -ms-transform: rotate(0deg); }\r\n 100% {\r\n -ms-transform: rotate(359deg); } }\r\n\r\n@keyframes spin {\r\n 0% {\r\n transform: rotate(0deg); }\r\n 100% {\r\n transform: rotate(359deg); } }\r\n\r\n.bootstrap-dialog-header {\r\n display: contents; }\r\n\r\n/*# sourceMappingURL=bootstrap-dialog.css.map */\r\n"]}
|
||||
正在加载…
在新工单中引用