From 3e8c57a11ba5e8cd44a9474d08894731185f3f89 Mon Sep 17 00:00:00 2001 From: Andreas <6977712+AndreasK79@users.noreply.github.com> Date: Mon, 23 Aug 2021 20:18:34 +0200 Subject: [PATCH] [Themes] Added missing files --- assets/css/bootstrap-dialog.css | 169 ++++++++++ assets/css/selectize.bootstrap4.css | 477 ++++++++++++++++++++++++++++ 2 files changed, 646 insertions(+) create mode 100644 assets/css/bootstrap-dialog.css create mode 100644 assets/css/selectize.bootstrap4.css diff --git a/assets/css/bootstrap-dialog.css b/assets/css/bootstrap-dialog.css new file mode 100644 index 00000000..ec4f2ce7 --- /dev/null +++ b/assets/css/bootstrap-dialog.css @@ -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 */ diff --git a/assets/css/selectize.bootstrap4.css b/assets/css/selectize.bootstrap4.css new file mode 100644 index 00000000..321517a7 --- /dev/null +++ b/assets/css/selectize.bootstrap4.css @@ -0,0 +1,477 @@ +.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder { + visibility: visible !important; + background: #f2f2f2 !important; + background: rgba(0, 0, 0, .06) !important; + border: 0 none !important; + box-shadow: inset 0 0 12px 4px #fff +} + +.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { + content: "!"; + visibility: hidden +} + +.selectize-control.plugin-drag_drop .ui-sortable-helper { + box-shadow: 0 2px 5px rgba(0, 0, 0, .2) +} + +.selectize-control .dropdown-header { + position: relative; + padding: 6px .75rem; + border-bottom: 1px solid #d0d0d0; + background: #f8f8f8; + border-radius: .25rem .25rem 0 0 +} + +.selectize-control .dropdown-header-close { + position: absolute; + right: .75rem; + top: 50%; + color: #343a40; + opacity: .4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important +} + +.selectize-control .dropdown-header-close:hover { + color: #000 +} + +.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content { + display: flex +} + +.selectize-dropdown.plugin-optgroup_columns .optgroup { + border-right: 1px solid #f2f2f2; + border-top: 0 none; + flex-grow: 1; + flex-basis: 0; + min-width: 0 +} + +.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { + border-right: 0 none +} + +.selectize-dropdown.plugin-optgroup_columns .optgroup:before { + display: none +} + +.selectize-dropdown.plugin-optgroup_columns .optgroup-header { + border-top: 0 none +} + +.selectize-control.plugin-remove_button .item { + display: inline-flex; + align-items: center; + padding-right: 0 !important +} + +.selectize-control.plugin-remove_button .item .remove { + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 1px 5px; + border-left: 1px solid #dee2e6; + border-radius: 0 2px 2px 0; + box-sizing: border-box; + margin-left: 5px +} + +.selectize-control.plugin-remove_button .item .remove:hover { + background: rgba(0, 0, 0, .05) +} + +.selectize-control.plugin-remove_button .item.active .remove { + border-left-color: rgba(0, 0, 0, 0) +} + +.selectize-control.plugin-remove_button .disabled .item .remove:hover { + background: none +} + +.selectize-control.plugin-remove_button .disabled .item .remove { + border-left-color: #fff +} + +.selectize-control.plugin-remove_button .remove-single { + position: absolute; + right: 0; + top: 0; + font-size: 23px +} + +.selectize-control { + position: relative +} + +.selectize-dropdown, .selectize-input, .selectize-input input { + color: #343a40; + font-family: inherit; + font-size: inherit; + line-height: 1.5; + font-smoothing: inherit +} + +.selectize-input, .selectize-control.single .selectize-input.input-active { + background: #fff; + cursor: text; + display: inline-block +} + +.selectize-input { + padding: .375rem .75rem; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + box-sizing: border-box; + box-shadow: none; + border-radius: 0.25rem +} + +.selectize-control.multi .selectize-input.has-items { + padding: calc( 0.375rem - 1px - 0px) .75rem calc( 0.375rem - 1px - 3px - 0px) +} + +.selectize-input.full { + background-color: #fff +} + +.selectize-input.disabled, .selectize-input.disabled * { + cursor: default !important +} + +.selectize-input.focus { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15) +} + +.selectize-input.dropdown-active { + border-radius: .25rem .25rem 0 0 +} + +.selectize-input>* { + vertical-align: baseline; + display: inline-block; + zoom: 1 +} + +.selectize-control.multi .selectize-input>div { + cursor: pointer; + margin: 0 3px 3px 0; + padding: 1px 5px; + background: #efefef; + color: #343a40; + border: 0px solid #dee2e6 +} + +.selectize-control.multi .selectize-input>div.active { + background: #007bff; + color: #fff; + border: 0px solid rgba(0, 0, 0, 0) +} + +.selectize-control.multi .selectize-input.disabled>div, .selectize-control.multi .selectize-input.disabled>div.active { + color: #878787; + background: #fff; + border: 0px solid #fff +} + +.selectize-input>input { + display: inline-block !important; + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + user-select: auto !important; + box-shadow: none !important +} + +.selectize-input>input::-ms-clear { + display: none +} + +.selectize-input>input:focus { + outline: none !important +} + +.selectize-input>input[placeholder] { + box-sizing: initial +} + +.selectize-input.has-items>input { + margin: 0 4px !important +} + +.selectize-input::after { + content: " "; + display: block; + clear: left +} + +.selectize-input.dropdown-active::before { + content: " "; + display: block; + position: absolute; + background: #fff; + height: 1px; + bottom: 0; + left: 0; + right: 0 +} + +.selectize-dropdown { + position: absolute; + top: 100%; + left: 0; + width: 100%; + z-index: 10; + border: 1px solid #d0d0d0; + background: #fff; + margin: -1px 0 0 0; + border-top: 0 none; + box-sizing: border-box; + box-shadow: 0 1px 3px rgba(0, 0, 0, .1); + border-radius: 0 0 .25rem .25rem +} + +.selectize-dropdown [data-selectable] { + cursor: pointer; + overflow: hidden +} + +.selectize-dropdown [data-selectable] .highlight { + background: rgba(255, 237, 40, .4); + border-radius: 1px +} + +.selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create { + padding: 3px .75rem +} + +.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option { + cursor: inherit; + opacity: .5 +} + +.selectize-dropdown [data-selectable].option { + opacity: 1; + cursor: pointer +} + +.selectize-dropdown .optgroup:first-child .optgroup-header { + border-top: 0 none +} + +.selectize-dropdown .optgroup-header { + color: #6c757d; + background: #fff; + cursor: default +} + +.selectize-dropdown .active { + background-color: #3593FB; + color: #FFF +} + +.selectize-dropdown .active.create { + color: #16181b +} + +.selectize-dropdown .create { + color: rgba(52, 58, 64, .5) +} + +.selectize-dropdown-content { + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; + overflow-scrolling: touch +} + +.selectize-dropdown .spinner { + display: inline-block; + width: 30px; + height: 30px; + margin: 3px .75rem +} + +.selectize-dropdown .spinner:after { + content: " "; + display: block; + width: 24px; + height: 24px; + margin: 3px; + border-radius: 50%; + border: 5px solid #d0d0d0; + border-color: #d0d0d0 transparent #d0d0d0 transparent; + animation: lds-dual-ring 1.2s linear infinite +} + +@keyframes lds-dual-ring { + 0% { + transform: rotate(0deg) + } + 100% { + transform: rotate(360deg) + } +} + +.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { + cursor: pointer +} + +.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { + cursor: text +} + +.selectize-control.single .selectize-input:after { + content: " "; + display: block; + position: absolute; + top: 50%; + right: calc(0.75rem + 5px); + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #343a40 transparent transparent transparent +} + +.selectize-control.single .selectize-input.dropdown-active:after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #343a40 transparent +} + +.selectize-control.rtl { + text-align: right +} + +.selectize-control.rtl.single .selectize-input:after { + left: calc(0.75rem + 5px); + right: auto +} + +.selectize-control.rtl .selectize-input>input { + margin: 0 4px 0 -2px !important +} + +.selectize-control .selectize-input.disabled { + opacity: .5; + background-color: #fff +} + +.selectize-dropdown, .selectize-dropdown.form-control { + height: auto; + padding: 0; + margin: 2px 0 0 0; + z-index: 1000; + background: #fff; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: .25rem; + box-shadow: 0 6px 12px rgba(0, 0, 0, .175) +} + +.selectize-dropdown .optgroup-header { + font-size: .875rem; + line-height: 1.5 +} + +.selectize-dropdown .optgroup:first-child:before { + display: none +} + +.selectize-dropdown .optgroup:before { + content: " "; + display: block; + height: 0; + margin: .5rem 0; + overflow: hidden; + border-top: 1px solid #e9ecef; + margin-left: -0.75rem; + margin-right: -0.75rem +} + +.selectize-dropdown .create { + padding-left: .75rem +} + +.selectize-dropdown-content { + padding: 5px 0 +} + +.selectize-input { + min-height: calc(1.5em + 0.75rem + 2px); + transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out +} + +@media(prefers-reduced-motion: reduce) { + .selectize-input { + transition: none + } +} + +.selectize-input.dropdown-active { + border-radius: .25rem +} + +.selectize-input.dropdown-active::before { + display: none +} + +.selectize-input.focus { + border-color: #80bdff; + outline: 0; + box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) +} + +.is-invalid .selectize-input { + border-color: #dc3545; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} + +.is-invalid .selectize-input:focus { + border-color: #bd2130; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #eb8c95 +} + +.selectize-control.form-control-sm .selectize-input.has-items { + min-height: calc(1.5em + 0.5rem + 2px) !important; + height: calc(1.5em + 0.5rem + 2px) !important; + padding: .25rem .5rem !important; + font-size: .875rem; + line-height: 1.5 +} + +.selectize-control.multi .selectize-input.has-items { + padding-left: calc(0.75rem - 5px); + padding-right: calc(0.75rem - 5px) +} + +.selectize-control.multi .selectize-input>div { + border-radius: calc(0.25rem - 1px) +} + +.form-control.selectize-control { + padding: 0; + height: auto; + border: none; + background: none; + box-shadow: none; + border-radius: 0 +} + +.input-group .selectize-input { + overflow: unset; + border-radius: 0 .25rem .25rem 0 +} \ No newline at end of file