From a40f35e379edc0c2c3ef6eb2ec1a3af2a197f076 Mon Sep 17 00:00:00 2001 From: HB9HIL Date: Tue, 14 Nov 2023 15:58:32 +0100 Subject: [PATCH] bootstrap 5 dialog css --- assets/css/bootstrap-dialog.css | 184 +++++++++--------------- assets/css/bootstrap-dialog.min.css | 2 + assets/css/bootstrap-dialog.min.css.map | 1 + 3 files changed, 71 insertions(+), 116 deletions(-) create mode 100644 assets/css/bootstrap-dialog.min.css create mode 100644 assets/css/bootstrap-dialog.min.css.map diff --git a/assets/css/bootstrap-dialog.css b/assets/css/bootstrap-dialog.css index ec4f2ce7..80827482 100644 --- a/assets/css/bootstrap-dialog.css +++ b/assets/css/bootstrap-dialog.css @@ -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 **/ -} + /* dialog types */ + /** + * Icon animation + * Copied from font-awesome: http://fontawesome.io/ + **/ + /** End of icon animation **/ } .bootstrap-dialog .modal-header { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .bootstrap-dialog .bootstrap-dialog-title { - color: #fff; - display: inline-block; - font-size: 16px; -} + color: #fff; + display: inline-block; + 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); -} + float: right; + opacity: 0.9; + filter: alpha(opacity=90); } .bootstrap-dialog .bootstrap-dialog-close-button:hover { - cursor: pointer; - opacity: 1; - filter: alpha(opacity=100); -} + cursor: pointer; + opacity: 1; + filter: alpha(opacity=100); } @media (min-width: 1172px) { - .bootstrap-dialog .modal-xl { - max-width: 95%; - } -} + .bootstrap-dialog .modal-xl { + 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; -} + 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; -} + display: flex; } @-moz-keyframes spin { - 0% { - -moz-transform: rotate(0deg); - } - 100% { - -moz-transform: rotate(359deg); - } -} + 0% { + -moz-transform: rotate(0deg); } + 100% { + -moz-transform: rotate(359deg); } } + @-webkit-keyframes spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} + 0% { + -webkit-transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(359deg); } } + @-o-keyframes spin { - 0% { - -o-transform: rotate(0deg); - } - 100% { - -o-transform: rotate(359deg); - } -} + 0% { + -o-transform: rotate(0deg); } + 100% { + -o-transform: rotate(359deg); } } + @-ms-keyframes spin { - 0% { - -ms-transform: rotate(0deg); - } - 100% { - -ms-transform: rotate(359deg); - } -} + 0% { + -ms-transform: rotate(0deg); } + 100% { + -ms-transform: rotate(359deg); } } + @keyframes spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} + 0% { + transform: rotate(0deg); } + 100% { + transform: rotate(359deg); } } + .bootstrap-dialog-header { - display: contents; -} - -/*# sourceMappingURL=bootstrap-dialog.css.map */ - -/*# sourceMappingURL=bootstrap-dialog.css.map */ + display: contents; } diff --git a/assets/css/bootstrap-dialog.min.css b/assets/css/bootstrap-dialog.min.css new file mode 100644 index 00000000..0c2a0465 --- /dev/null +++ b/assets/css/bootstrap-dialog.min.css @@ -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 */ \ No newline at end of file diff --git a/assets/css/bootstrap-dialog.min.css.map b/assets/css/bootstrap-dialog.min.css.map new file mode 100644 index 00000000..c78744d5 --- /dev/null +++ b/assets/css/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"]} \ No newline at end of file