jspanel4
Version:
A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
1 lines • 1.85 kB
CSS
.jsPanel-dialog{min-width:400px;margin-top:50px;max-height:calc(90vh - 50px)}.jsPanel-dialog .jsPanel-content{display:flex;flex-direction:column;overflow:hidden;padding:1rem}.jsPanel-dialog .buttonbar{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;width:100%;display:flex;justify-content:right}.jsPanel-dialog .buttonbar button{margin-left:.5rem}.jsPanel-modal.background{opacity:.3}.dialog-lg,.dialog-md,.dialog-sm,.dialog-xl{max-height:calc(90vh - 50px);overflow:hidden auto;margin:0 auto}.dialog-sm{width:400px}.dialog-md{width:600px}.dialog-lg{width:800px}.dialog-xl{width:1000px}@media (max-width:767px){.dialog-lg,.dialog-md,.dialog-xl{width:90vw}}@media (max-width:991px){.dialog-lg,.dialog-xl{width:90vw}}@media (max-width:1199px){.dialog-xl{width:90vw}}button.blue,button.info{color:#fff;background-color:#039be5;border-color:#039be5}button.default,button.gray,button.secondary{color:#fff;background-color:#b0bec5;border-color:#b0bec5}button.white{color:#333;background-color:#fff}button.primary{color:#fff;background-color:#01579b;border-color:#01579b}button.warning,button.yellow{color:#000;background-color:#f57f17;border-color:#f57f17}button.danger,button.red{color:#fff;background-color:#dd2c00;border-color:#dd2c00}button.green,button.success{color:#fff;background-color:#2e7d32;border-color:#2e7d32}input:disabled,input[readonly]{cursor:not-allowed!important;background-color:#eee}input[type=checkbox],input[type=radio]{vertical-align:middle;margin:0 .5rem 0 0}input[type=radio]{margin-bottom:2px}input:disabled+span{opacity:.4;cursor:not-allowed}