@quandis/qbo4.ui 4.0.1-CI-20241118-225310 → 4.0.1-CI-20241119-170458
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/scss/qbo.scss +1 -1
- package/src/qbo/styles.js +2 -2
- package/src/qbo/styles.ts +2 -2
- package/wwwroot/css/qbo.css +1 -1
- package/wwwroot/css/qbo.min.css +1 -1
- package/wwwroot/css/qboui.css +1 -1
- package/wwwroot/css/qboui.min.css +1 -1
- package/wwwroot/default.html +42 -13
- package/wwwroot/images/qbo-icons.svg +21 -0
- package/wwwroot/js/esm/qbo4.ui.js +3 -3
- package/wwwroot/js/esm/qbo4.ui.min.js +2 -2
- package/wwwroot/js/esm/qbo4.ui.min.js.map +1 -1
- package/wwwroot/js/qbo4.ui.js +3 -3
- package/wwwroot/js/qbo4.ui.min.js +2 -2
- package/wwwroot/js/qbo4.ui.min.js.map +1 -1
package/wwwroot/css/qbo.css
CHANGED
package/wwwroot/css/qbo.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0.75rem;--qbo-padding-vertical:0.375rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-line-height:var(--qbo-line-height);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-bottom{margin-bottom:.5em}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}.qbo-card-top{margin-top:.5em}svg{height:1rem;width:1rem}.qbo-form{margin:0 auto;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:var(--qbo-line-height);text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:var(--qbo-line-height);padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:15px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar>li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar>li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:focus,menu.qbo-toolbar>li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:auto;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{visibility:visible}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll;top:53px!important;width:100%;background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto}qbo-menu aside>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu li{display:list-item!important;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-bottom:.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}
|
|
1
|
+
:root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0.75rem;--qbo-padding-vertical:0.375rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-line-height:var(--qbo-line-height);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-bottom{margin-bottom:.5em}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}.qbo-card-top{margin-top:.5em}svg{height:1rem;width:1rem}.qbo-form{margin:0 auto;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:var(--qbo-line-height);text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:var(--qbo-line-height);padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:14px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar>li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar>li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:focus,menu.qbo-toolbar>li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:auto;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{visibility:visible}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll;top:53px!important;width:100%;background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto}qbo-menu aside>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu li{display:list-item!important;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-bottom:.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}
|
package/wwwroot/css/qboui.css
CHANGED
|
@@ -21466,7 +21466,7 @@ nav > img {
|
|
|
21466
21466
|
}
|
|
21467
21467
|
nav > span {
|
|
21468
21468
|
font-weight: bold;
|
|
21469
|
-
margin-top:
|
|
21469
|
+
margin-top: 14px;
|
|
21470
21470
|
padding-inline-start: 10px;
|
|
21471
21471
|
}
|
|
21472
21472
|
nav a {
|