[Bootstrapdialog] Moved CSS to themes and tweaked primary modal to match theme colors. Also added vertical scrollbar when height was greater than browser height.

pull/931/head
Andreas 2021-03-09 20:26:55 +01:00
rodzic 3733fca792
commit 68faa33749
8 zmienionych plików z 854 dodań i 2 usunięć

Wyświetl plik

@ -11,6 +11,7 @@
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/general.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $this->optionslib->get_theme();?>/overrides.css">
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $this->optionslib->get_theme();?>/selectize.bootstrap4.css"/>
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/css/<?php echo $this->optionslib->get_theme();?>/bootstrap-dialog.css"/>
<?php } ?>
<link rel="stylesheet" href="<?php echo base_url(); ?>assets/fontawesome/css/all.css">
@ -33,7 +34,6 @@
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/ldbtn.min.css" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/js/bootstrapdialog/css/bootstrap-dialog.min.css" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/buttons.dataTables.min.css"/>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/datatables.min.css"/>

Wyświetl plik

@ -0,0 +1,169 @@
.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 **/
}
.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 {
font-size: 20px;
float: right;
opacity: 0.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: #2B3E50;
}
.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;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bootstrap-dialog-header {
display: contents;
}
/*# sourceMappingURL=bootstrap-dialog.css.map */
/*# sourceMappingURL=bootstrap-dialog.css.map */

Wyświetl plik

@ -1,3 +1,11 @@
.bootstrap-dialog{
overflow-y: initial !important
}
.bootstrap-dialog-body{
max-height: calc(100vh - 200px);
overflow-y: auto;
}
.bootstrap-dialog {
/* dialog types */
/**

Wyświetl plik

@ -0,0 +1,169 @@
.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 **/
}
.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 {
font-size: 20px;
float: right;
opacity: 0.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: #131313;
}
.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;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bootstrap-dialog-header {
display: contents;
}
/*# sourceMappingURL=bootstrap-dialog.css.map */
/*# sourceMappingURL=bootstrap-dialog.css.map */

Wyświetl plik

@ -0,0 +1,169 @@
.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 **/
}
.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 {
font-size: 20px;
float: right;
opacity: 0.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: #222222;
}
.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;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bootstrap-dialog-header {
display: contents;
}
/*# sourceMappingURL=bootstrap-dialog.css.map */
/*# sourceMappingURL=bootstrap-dialog.css.map */

Wyświetl plik

@ -0,0 +1,169 @@
.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 **/
}
.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 {
font-size: 20px;
float: right;
opacity: 0.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;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bootstrap-dialog-header {
display: contents;
}
/*# sourceMappingURL=bootstrap-dialog.css.map */
/*# sourceMappingURL=bootstrap-dialog.css.map */

Wyświetl plik

@ -0,0 +1,169 @@
.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 **/
}
.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 {
font-size: 20px;
float: right;
opacity: 0.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: #2B3E50;
}
.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;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.bootstrap-dialog-header {
display: contents;
}
/*# sourceMappingURL=bootstrap-dialog.css.map */
/*# sourceMappingURL=bootstrap-dialog.css.map */

Wyświetl plik

@ -1 +0,0 @@
.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{font-size:20px;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}@-moz-keyframes spin{0{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(359deg)}}.bootstrap-dialog-header{display:contents}