gdx-ui 1.1.16 → 1.1.18
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/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.clearfix:after,.form-inline:after,.input-inside:after,.toolbar-group:after{clear:both}body,button,input,select,textarea{font-family:'Open Sans',sans-serif}.btn-outline,body{color:var(--color)}.btn,.center,.pagination-centered{text-align:center}.checkmark:after,.clearfix:after,.clearfix:before,.form-inline:after,.form-inline:before,.input-inside:after,.input-inside:before,.slider:before,.toolbar-group:after,.toolbar-group:before{content:""}.autocomplete-items div,.btn,.cust-radio,.cust-radio input,.slider,a{cursor:pointer}.clearfix:after,.clearfix:before{display:table;line-height:0}body{-webkit-font-smoothing:antialiased;font-size:14px;background:var(--body-bg)}body,html{box-sizing:border-box;height:100%;padding:0;margin:0}h1,h2{font-weight:400}h3,h4{font-size:14px;font-weight:700}h1,h2,h3,h4,p{margin:0 0 15px}a{color:#1D9EFC;text-decoration:none}a:hover{color:#0390f7}code,pre{font-family:monospace;color:#5d5d5d}pre{border-radius:4px;border:1px solid var(--border-color);padding:15px;text-wrap:wrap;line-height:1.5em}hr{border:none;border-bottom:solid 1px var(--border-color)}.app-layout{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column}.autocomplete,.btn{display:inline-block}.app-footer,.app-header{flex-grow:0;flex-shrink:0}.app-body{flex-grow:1}.theme-light,:root{--color:#212224;--btn-bg:#ECEDEF;--btn-bg-darker:#dee0e3;--el-bg:#FFFFFF;--el-bg-highlight:#f2f5f7;--body-bg:#F0F2F4;--border-color:#DDD;--overlay-color:rgba(0, 0, 0, 0.2)}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')}.blink-soft{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.4}}.autocomplete{position:relative}.autocomplete-items{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:var(--el-bg);border:1px solid var(--border-color);border-radius:4px;left:0;padding:5px 0;position:absolute;right:0;top:100%;z-index:99}.box,.card-scroller,.input-inside,.input-wrapper{position:relative}.autocomplete-items div{padding:10px;background-color:#fff}.autocomplete-items div:hover{background-color:#e9e9e9}.autocomplete-active{background-color:#1D9EFC!important;color:#fff}.box{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:4px;background:var(--el-bg);margin-bottom:15px}.box .box,fieldset{border:1px solid var(--border-color)}.box-header{color:#6A6A6A}.box .box-footer .row,.box .box-toolbar .form-element,.box .box-toolbar .row{margin-bottom:0}.box .box-top-btn{position:absolute;right:10px;top:10px}.box .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn{border:none;border-radius:4px;box-sizing:border-box;font-size:14px;margin:0 0 15px;text-decoration:none;vertical-align:middle;padding:8px 18px}.btn.disabled,.btn[disabled]{opacity:50%;pointer-events:none}.btn-normal{border:none}.btn-outline{background:0 0}.btn-link{background:0 0;color:#1D9EFC}.btn-normal-default{background:var(--btn-bg);color:var(--color)}.btn-outline-default{border:1px solid #848484;color:var(--color)}.btn-link-default{color:var(--color)}.btn-link-default:hover{background:#ECEDEF}.btn-link-default:focus{outline:rgba(132,132,132,.8) solid 2px;background:#d0d3d8}.btn-link-default.active,.btn-link-default:active{outline:rgba(132,132,132,.6) solid 3px}.btn-normal-default:hover,.btn-outline-default:hover{background:var(--btn-bg-darker)}.btn-normal-default:focus,.btn-outline-default:focus{outline:rgba(132,132,132,.8) solid 2px;background:#d0d3d8}.btn-normal-default.active,.btn-normal-default:active,.btn-outline-default.active,.btn-outline-default:active{outline:rgba(132,132,132,.6) solid 3px}.btn-normal-primary{background:#1D9EFC;color:#FFF}.btn-outline-primary{border:1px solid #1D9EFC;color:#1D9EFC}.btn-link-primary{color:#1D9EFC}.btn-link-primary:hover{background:#DEF1FF}.btn-link-primary:focus{color:#FFF;outline:rgba(29,158,252,.5) solid 2px;background:#1D9EFC}.btn-link-primary.active,.btn-link-primary:active{outline:rgba(29,158,252,.5) solid 3px}.btn-normal-primary:hover,.btn-outline-primary:hover{color:#FFF;background:#0385e3;display:none}.btn-normal-primary:hover:hover,.btn-outline-primary:hover:hover{display:block}.btn-normal-primary:focus,.btn-outline-primary:focus{color:#FFF;outline:rgba(29,158,252,.5) solid 2px;background:#1D9EFC}.btn-normal-primary.active,.btn-normal-primary:active,.btn-outline-primary.active,.btn-outline-primary:active{outline:rgba(29,158,252,.5) solid 3px}.btn-normal-alert{background:#DE1039;border:1px solid #DE1039;color:#FFF}.btn-outline-alert{border:1px solid #DE1039;color:#DE1039}.btn-link-alert{color:#DE1039}.btn-link-alert:hover{background:#FCC5C5}.btn-link-alert:focus{color:#FFF;outline:rgba(222,16,57,.5) solid 2px;background:#DE1039}.btn-link-alert.active,.btn-link-alert:active{outline:rgba(222,16,57,.5) solid 3px}.btn-normal-alert:hover,.btn-outline-alert:hover{color:#FFF;background:#ae0d2d}.btn-normal-alert:focus,.btn-outline-alert:focus{color:#FFF;outline:rgba(222,16,57,.5) solid 2px;background:#DE1039}.btn-normal-alert.active,.btn-normal-alert:active,.btn-outline-alert.active,.btn-outline-alert:active{outline:rgba(222,16,57,.5) solid 3px}.btn-normal-success{background:#22b305;border:1px solid #22b305;color:#FFF}.btn-outline-success{border:1px solid #22b305;color:#22b305}.btn-normal-success:hover,.btn-outline-success:hover{color:#FFF;background:#198104}.btn-normal-success:focus,.btn-outline-success:focus{color:#FFF;outline:rgba(34,179,5,.5) solid 2px;background:#22b305}.btn-normal-success.active,.btn-normal-success:active,.btn-outline-success.active,.btn-outline-success:active{outline:rgba(34,179,5,.5) solid 3px}.btn-size-large{font-size:1.4em;padding:15px 30px}.btn-size-small{font-size:12px;padding:4px 8px}.btn-circle{border-radius:50%;border:none;height:30px;margin:0;width:30px;padding-top:2px}.btn-circle-size-small{width:18px;height:18px;padding-top:0}.btn-circle-size-small svg{margin-left:-1px}.btn-circle-black,.btn-circle-default{background:rgba(0,0,0,.05)}.btn-circle-black i,.btn-circle-black svg,.btn-circle-default i,.btn-circle-default svg{color:var(--color);opacity:.7}.btn-circle-black:hover,.btn-circle-default:hover{background:rgba(0,0,0,.1)}.btn-circle-black:hover>i,.btn-circle-black:hover>svg,.btn-circle-default:hover>i,.btn-circle-default:hover>svg{color:var(--color);opacity:1}.btn-circle-black:active,.btn-circle-default:active{background:rgba(0,0,0,.2)}.btn-circle-black:focus,.btn-circle-default:focus{outline:rgba(132,132,132,.8) solid 2px}.btn-circle-white{background:rgba(255,255,255,.1)}.btn-circle-white i,.btn-circle-white svg{color:#FFF;opacity:.7}.btn-circle-white:hover{background:rgba(255,255,255,.2)}.btn-circle-white:hover>i,.btn-circle-white:hover>svg{color:#FFF;opacity:1}.btn-circle-white:active{background:rgba(255,255,255,.3)}.btn-circle-white:focus{outline:rgba(255,255,255,.5) solid 2px}.card-scroller .handler-left{position:absolute;top:45%;left:-13px}.card-scroller .handler-right{position:absolute;top:45%;right:-13px}.card-scroller-crop{overflow:hidden;padding-bottom:16px}.card-scroller-overflow{display:flex;overflow-x:auto;flex-wrap:nowrap}.card-scroller-platter{display:inline-flex;padding-bottom:40px;vertical-align:top;width:100%}.card-scroller-item{margin-right:15px;display:flex}.card-scroller-item:last-child{margin-right:0}.card-scroller-2 .card-scroller-item-sized{width:492.5px}.card-scroller-3 .card-scroller-item-sized{width:323.33px}.card-scroller-4 .card-scroller-item-sized{width:238.75px}.card-scroller-6 .card-scroller-item-sized{width:188px}.dialog{-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);-moz-box-shadow:0 0 15px rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,0,0,.4);border-radius:4px;box-sizing:border-box;margin-bottom:15px;background:var(--el-bg);position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog h1,.dialog h2,.dialog h3{margin:0}.dialog-title{border-bottom:solid 1px var(--border-color);padding:15px;border-radius:4px 4px 0 0}.dialog-content{padding:15px}.dialog-actions{border-top:solid 1px var(--border-color);padding:15px}.dialog-actions .btn,.dialog-actions .row{margin-bottom:0}.dialog-close{position:absolute;top:10px;right:15px}.dialog-primary>.dialog-title{background:#1D9EFC;color:#fff}.dialog-alert>.dialog-title{background:#DE1039;color:#fff}.dialog-success>.dialog-title{background:#22b305;color:#fff}.dialog .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)!important}.dialog:focus{outline:0}button,input,select,textarea{background:var(--input-bg);color:var(--color);margin-bottom:15px}.editable-input,.input-inside,.uneditable-input,input[type=text],input[type=number],input[type=password],select,textarea{display:inline-block;padding:6px 8px;box-sizing:border-box;font-size:14px;line-height:1.5em;color:var(--color);border-radius:4px;vertical-align:middle;border:1px solid var(--border-color);-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;margin-bottom:0!important}.editable-input:focus,.input-inside:focus,.uneditable-input:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:#4fb4fd;outline:rgba(29,158,252,.5) solid 3px}.editable-input.large,.input-inside.large,.uneditable-input.large,input[type=text].large,input[type=number].large,input[type=password].large,select.large,textarea.large{font-size:1.4em;padding:6px}.editable-input:hover,.input-inside:hover,.uneditable-input:hover,input[type=text]:hover,input[type=number]:hover,input[type=password]:hover,select:hover,textarea:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd}.form-element{margin-bottom:15px}.flex-item .form-element{margin-bottom:0!important}.editable-input{border-color:var(--el-bg-color)!important;border-bottom:solid 1px var(--border-color)!important}.editable-input:focus{border-color:#4fb4fd!important;outline:rgba(29,158,252,.5) solid 3px}.editable-input:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd!important}input[type=color]{border:none;padding:0}.input-alert{-webkit-transition:none!important;transition:none!important;border-color:#DE1039!important}.input-alert:focus{-webkit-transition:none;transition:none;border-color:#DE1039!important;outline:rgba(222,16,57,.4) solid 3px!important}.input-inside{padding:0 4px 0 0}.input-inside select{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;padding:0 0 0 4px;line-height:1em;height:33px;color:#6A6A6A;border-right:solid 1px var(--border-color);background:var(--input-bg);border-radius:0}.input-inside select:focus{outline:0;background:var(--btn-bg)}.input-inside:focus{border-color:#4fb4fd!important;outline:rgba(29,158,252,.5) solid 3px}.input-btns,.slider,.slider:before{position:absolute}.input-inside .btn-circle,.input-wrapper .btn-circle{height:24px;width:24px}.input-btns{right:5px;top:5px}.input-inside{background:var(--input-bg);height:auto;color:var(--border-color)}.input-inside:after,.input-inside:before{display:table;line-height:0}.input-inside button,.input-inside i,.input-inside input,.input-inside span{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}fieldset,fieldset label{margin-bottom:15px}.input-inside input,.input-inside textarea{border:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-inside input:focus,.input-inside textarea:focus{outline:0}.input-focus{border-color:#4fb4fd;outline:rgba(29,158,252,.5) solid 3px}input.disabled,input[disabled]{background-color:var(--el-bg-color);border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:4px 0!important}input:-moz-read-only,input:read-only{color:brown;border:none!important}input[type=checkbox],input[type=radio]{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select{margin-top:0;height:36px;color:var(--color)}textarea{resize:none;height:auto}label{display:block}label input,label select,label textarea,td label{margin-bottom:0}fieldset{border-radius:4px}legend{color:var(--dark-gray);padding:0 5px}.uneditable-input{pointer-events:none;border:1px solid var(--border-color);color:#6A6A6A;background-color:var(--btn-bg)}.form-inline:after,.form-inline:before{display:table;line-height:0}.form-inline button,.form-inline input,.form-inline label,.form-inline select,.form-inline textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.toolbar-group:after,.toolbar-group:before{display:table;line-height:0}.toolbar-group button,.toolbar-group input,.toolbar-group label,.toolbar-group select,.toolbar-group textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;margin-right:-5px;border-right:solid 1px #FFF;border-radius:0}.toolbar-group button:first-child,.toolbar-group input:first-child,.toolbar-group label:first-child,.toolbar-group select:first-child,.toolbar-group textarea:first-child{border-radius:4px 0 0 4px}.toolbar-group button:last-child,.toolbar-group input:last-child,.toolbar-group label:last-child,.toolbar-group select:last-child,.toolbar-group textarea:last-child{border-radius:0 4px 4px 0;border-right:solid 1px var(--border-color)}::placeholder{color:#6A6A6A;opacity:1}:-ms-input-placeholder{color:var(--border-color)}::-ms-input-placeholder{color:var(--border-color)}label.switch{margin-top:-5px}.switch{position:relative;display:inline-block;width:28px;height:19px}.switch input{opacity:0;width:0;height:0}.form-switch{display:inline-block}.swith-label{margin-left:5px}.slider{-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;border-radius:15px;-webkit-transition:.1s;background-color:#ccc;bottom:-1px;left:0;right:1px;top:1px;transition:.4s}.slider:before{border-radius:50%;left:2px;width:15px;-webkit-transition:.1s;background-color:#fff;bottom:2px;height:15px;transition:.1s}input:checked+.slider{background-color:#22b305}input:focus+.slider{box-shadow:0 0 1px #22b305}input:checked+.slider:before{transform:translateX(8px)}.input-label,.input-label-alert{display:block;font-size:12px;margin-bottom:2px}.input-label{color:#6A6A6A}.input-label-alert{color:#DE1039}.cust-radio{display:block;position:relative;padding-left:18px;padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cust-radio input{position:absolute;opacity:0;height:0;width:0}.checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:var(--border-color);-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;border-radius:50%}.cust-radio:hover input~.checkmark{background-color:var(--border-color-lighter)}.cust-radio input:checked~.checkmark{background-color:#1D9EFC}.checkmark:after{position:absolute;display:none}.cust-radio input:checked~.checkmark:after{display:block}.cust-radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}.highlight,.label{border-radius:4px}.hidden-arrows::-webkit-inner-spin-button,.hidden-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.highlight{padding:15px}.highlight-large{font-size:1.4em;padding:30px}.highlight-default{background:var(--el-bg-highlight)}.highlight-primary{background:#DEF1FF;color:#1D9EFC}.highlight-success{background:#DDFFD4;color:#22b305}.highlight-alert{background:#FCC5C5;color:#DE1039}.badge,.label{cursor:default;display:inline-block;line-height:1.5em;color:#fff;vertical-align:baseline;white-space:nowrap;position:relative}.badge:empty,.label:empty{display:none}.badge .btn-circle,.label .btn-circle{margin-left:5px}.badge-default,.label-default{background-color:var(--btn-bg);color:var(--color)}.badge.badge-primary,.badge.label-primary,.label.badge-primary,.label.label-primary{background-color:#1D9EFC}.badge.badge-warning,.badge.label-warning,.label.badge-warning,.label.label-warning{background-color:#FFDA33}.badge.badge-success,.badge.label-success,.label.badge-success,.label.label-success{background-color:#22b305}.badge.badge-alert,.badge.label-alert,.label.badge-alert,.label.label-alert{background-color:#DE1039}.badge{border-radius:20px;padding:0 10px}.badge-small{font-size:12px;padding:0 10px}.badge-closable{padding-right:0}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer;background-color:#6A6A6A}.navbar,.navbar-link{color:#CACBCF;font-size:1.2em}a.badge-primary:hover,a.label-primary:hover{background-color:#1D9EFC}a.badge-warning:hover,a.label-warning:hover{background-color:var(--warn-color-darker)}a.badge-success:hover,a.label-success:hover{background-color:var(--success-color-darker)}a.badge-alert:hover,a.label-alert:hover{background-color:var(--alert-color-darker)}.loader-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9999}.loader{z-index:99999;width:150px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader>div{content:" ";width:20px;height:20px;background:#1D9EFC;border-radius:100%;position:absolute;animation:shift 2s linear infinite}.navbar,.navbar-list{position:relative;padding:0}.loader>div:nth-of-type(1){animation-delay:-.4s}.loader>div:nth-of-type(2){animation-delay:-.8s}.loader>div:nth-of-type(3){animation-delay:-1.2s}.loader>div:nth-of-type(4){animation-delay:-1.6s}@keyframes shift{0%{left:-60px;opacity:0;background-color:#1D9EFC}10%{left:0;opacity:1}90%{left:100px;opacity:1}100%{left:160px;background-color:#1a9eff;opacity:0}}.clear-list ul,ul.clear-list{padding:0;margin:0;list-style:none}.inline-list ul,ul.inline-list{display:flex;margin-left:-15px}.inline-list ul li,ul.inline-list li{margin-left:15px}.navbar{margin:0;background:#212121}.navbar-list{bottom:0;box-sizing:border-box;display:flex;flex:1;height:auto;justify-content:space-between;left:0;list-style:none;margin:0;right:0;top:0;user-select:none;z-index:1}.navbar-logo{flex-grow:1;width:48px}.navbar-item{width:48px}.navbar-link{padding:15px;margin:0;border:none;box-sizing:border-box;cursor:pointer}.navbar-link.active{color:#1D9EFC}.navbar-link:hover{color:#FFF}.navbar .nav-expandible-area{background:rgba(0,0,0,.8);width:100%;position:absolute;border-radius:0 0 4px 4px;padding:15px;z-index:99;box-sizing:border-box;top:100%}.navbar .main-menu{visibility:hidden;position:absolute}.navbar .right-item{width:48px}.navbar .btn-menu{margin:0}.pagination{margin:0 0 15px;padding-bottom:15px}.pagination-note{color:#6A6A6A}.pagination ul{display:inline-block;margin:0;border-radius:4px}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:1.5em;text-decoration:none;background-color:var(--el-bg-color);border:1px solid var(--border-color);border-left-width:0;color:var(--color)}.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus,.pagination ul>li>a:hover{border-right:solid 1px var(--border-color);background-color:#DEF1FF}.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span{color:#6A6A6A;background-color:transparent;cursor:default}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;border-radius:4px 0 0 4px}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{border-radius:0 4px 4px 0}.pagination-right{text-align:right}.row{display:flex;margin-bottom:15px;-ms-overflow-style:none;scrollbar-width:none}.row-item .btn,.table .input-wrapper,.table .uneditable-input,.table input,.table select,.table td .btn,.table textarea,.table th .btn{margin-bottom:0}.row:-webkit-scrollbar{display:none}.row-item{margin-left:15px}.row-item:first-child{margin-left:0}.skeleton{background:var(--btn-bg);border-radius:4px;padding:15px;margin-bottom:15px}.snackbar-wrapper{position:fixed;bottom:0;left:0;z-index:999;width:100%}.snackbar{padding:15px 45px 15px 15px;color:#FFF;border-radius:4px;width:1000px;margin:auto auto 15px;box-sizing:border-box;position:relative;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.3);-moz-box-shadow:0 3px 10px rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.3)}.snackbar-primary{background-color:#1D9EFC}.snackbar-alert{background-color:#DE1039}.snackbar-success{background-color:#22b305}.snackbar-info{background-color:#5d5d5d}.snackbar .snackbar-close{position:absolute;top:10px;right:10px}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table{cursor:default;border-bottom:solid 1px transparent;margin-bottom:15px;border-collapse:separate;background:var(--el-bg)}.table .underlined td,.table .underlined th,.table thead td,.table thead th{border-bottom:solid 1px var(--border-color)}.table thead td,.table thead th{background-color:var(--el-bg);color:#6A6A6A;font-weight:400;vertical-align:middle;position:sticky;top:0;z-index:9}.table thead td a,.table thead th a{color:#6A6A6A;font-weight:700}.table thead td a:hover,.table thead th a:hover{text-decoration:none;color:#515151}.table thead td:first-child,.table thead th:first-child{border-radius:4px 0 0}.table thead td:last-child,.table thead th:last-child{border-radius:0 4px 0 0}.table td,.table th{padding:8px 6px;line-height:1.5em;vertical-align:middle}.table tbody td,.table tbody th{border-top:solid 1px transparent}.table .overlined td,.table .overlined th{border-top:solid 1px var(--border-color)}.table-striped tbody tr:nth-child(odd){background-color:var(--el-bg-highlight)}.table-striped tbody tr:nth-child(odd).highlight-success{background-color:#b5ffa1}.table-striped tbody tr.highlight-success{background-color:#DDFFD4}.table-hover tbody tr:hover>td{background-color:#DEF1FF}.table td.highlight-alert,.table th.highlight-alert,.table tr.highlight-alert td,.table tr.highlight-alert th{background-color:#FCC5C5}.tabs{box-shadow:inset 0 -1px 0 0 var(--border-color);display:flex}.tabs .tab{padding:6px 15px;margin:0;cursor:pointer;border:1px solid transparent}.tabs .tab.active{border:1px solid var(--border-color);border-radius:4px 4px 0 0;border-bottom:solid 1px var(--el-bg);color:#1D9EFC}.tabs .tab.disabled,.tabs .tab[disabled]{color:#848484;pointer-events:none}.tab-content{padding:15px;border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px}.thumb{background-color:#FFF!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100%!important;border-radius:4px;height:80px;width:80px;position:relative;box-sizing:border-box}.thumb.thumb-bordered{border:1px solid var(--border-color)}.thumb-small{width:56px;height:56px}.thumb-smallest{width:32px;height:32px}.thumb-medium{width:80px;height:80px}.thumb-large{width:160px;height:160px}.thumb-largest{width:240px;height:240px}.thumb .center-by-width{height:auto;position:absolute;top:50%;transform:translate(0,-50%);width:100%}.thumb .center-by-height{display:block;margin-left:auto;margin-right:auto;width:auto;height:100%}ul.tree li:after,ul.tree li:before{height:1.6em;width:15px;color:#fff;content:"";display:inline-block}.thumb .thumb-corner{position:absolute;top:-13px;right:-13px}ul.tree{list-style:none;padding:0;margin:0 0 15px}ul.tree ul.tree{margin-left:-23px;margin-top:4px;margin-bottom:0}ul.tree li{margin:0;padding:0 7px;line-height:2rem;border-left:1px solid #646464;cursor:default;position:relative}ul.tree li .tree-content{display:inline-block;margin:3px 0 0 40px}ul.tree li .tree-button{position:absolute;top:4px;left:10px;z-index:5}ul.tree li:last-child{border-left:none;line-height:15px!important}ul.tree li:last-child:before{border-left:1px solid #646464}ul.tree li:before{position:absolute;top:-3px;border-bottom:1px solid #646464;left:0}ul.tree li:after{position:relative;top:-.3em;left:-7px}.component-locker,.overlay{background:var(--overlay-color);height:100%;left:0;top:0;transition:.2s;width:100%}.small,small{font-size:12px}.large{font-size:1.4em}.margin-bottom{margin-bottom:15px}.collapesed-bottom{margin-bottom:0}.primary-color{color:#1D9EFC!important}.success-color{color:#22b305!important}.alert-color{color:#DE1039!important}.active-color{color:#64FA00!important}.apply-color.gray a,.gray,.note{color:#6A6A6A}.apply-color.gray a:hover{text-decoration:underline}.note{font-size:small}.clipped{overflow:hidden;text-wrap:nowrap;display:inline-block}.clipped-dots{position:absolute;margin-left:1px}.relative{position:relative}.border-top{border-top:solid 1px var(--border-color)}.border-bottom{border-bottom:solid 1px var(--border-color)}.right{text-align:right}.left{text-align:left}.content{padding:15px}.visible{visibility:visible}.invisible{visibility:hidden}.hidden,.hover{display:none}.hover:hover{display:block}.expanded{width:100%}.bordered{border:1px solid var(--border-color);border-radius:4px}.overlay{position:fixed;z-index:99}.component-locker{border-radius:4px;position:absolute;z-index:9}.wrapper{position:relative;margin:auto}.wrapper-large{width:1000px}.wrapper-large .role-mainside{width:745px}.wrapper-large .role-sidebar{width:240px}.wrapper-large .role-half{width:500px}.wrapper-large .box .role-mainside,.wrapper-large .box .role-sidebar{width:730px}.wrapper-small{width:333.33px}.wrapper-medium{width:500px}@-ms-viewport{width:device-width}@media (max-width:500px){body{font-size:15px}h1,h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-responsive{display:block}.row-responsive .row-item{width:100%;margin-left:0;margin-bottom:15px}.btn,.snackbar{width:100%}}@media (min-width:501px) and (max-width:999px){body{font-size:15px}h1{font-size:1.3em}h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-responsive .row-item{width:50%;margin-bottom:15px}.snackbar{width:100%}}
|
|
1
|
+
.checkmark:after,.clearfix:after,.clearfix:before,.form-inline:after,.form-inline:before,.input-inside:after,.input-inside:before,.slider:before,.toolbar-group:after,.toolbar-group:before{content:""}.clearfix:after,.form-inline:after,.input-inside:after,.toolbar-group:after{clear:both}body,button,input,select,textarea{font-family:'Open Sans',sans-serif}.btn-outline,body{color:var(--color)}.btn,body,h3,h4{font-size:14px}.autocomplete-items div,.btn,.cust-radio,.cust-radio input,.slider,a{cursor:pointer}.clearfix:after,.clearfix:before{display:table;line-height:0}body{-webkit-font-smoothing:antialiased;background:var(--body-bg)}body,html{box-sizing:border-box;height:100%;padding:0;margin:0}h1,h2{font-weight:400}h3,h4{font-weight:700}h1,h2,h3,h4,p{margin:0 0 15px}a{color:#1D9EFC;text-decoration:none}a:hover{color:#0390f7}code,pre{font-family:monospace;color:#5d5d5d}pre{border-radius:4px;border:1px solid var(--border-color);padding:15px;text-wrap:wrap;line-height:1.5em}hr{border:none;border-bottom:solid 1px var(--border-color)}.app-layout{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column}.autocomplete,.btn{display:inline-block}.app-footer,.app-header{flex-grow:0;flex-shrink:0}.app-body{flex-grow:1}.theme-light,:root{--color:#212224;--btn-bg:#ECEDEF;--btn-bg-darker:#dee0e3;--el-bg:#FFFFFF;--el-bg-highlight:#f2f5f7;--body-bg:#F0F2F4;--border-color:#DDD;--overlay-color:rgba(0, 0, 0, 0.2)}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype')}.blink-soft{animation:blinker 2s linear infinite}@keyframes blinker{50%{opacity:.4}}.autocomplete{position:relative}.autocomplete-items{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:var(--el-bg);border:1px solid var(--border-color);border-radius:4px;left:0;padding:5px 0;position:absolute;right:0;top:100%;z-index:99}.box,.card-scroller,.input-inside,.input-wrapper{position:relative}.autocomplete-items div{padding:10px;background-color:#fff}.autocomplete-items div:hover{background-color:#e9e9e9}.autocomplete-active{background-color:#1D9EFC!important;color:#fff}.box{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);border-radius:4px;background:var(--el-bg);margin-bottom:15px}.box .box,fieldset{border:1px solid var(--border-color)}.box-header{color:#6A6A6A}.box .box-footer .row,.box .box-toolbar .form-element,.box .box-toolbar .row{margin-bottom:0}.box .box-top-btn{position:absolute;right:10px;top:10px}.box .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn{border:none;border-radius:4px;box-sizing:border-box;margin:0 0 15px;text-align:center;text-decoration:none;vertical-align:middle;padding:8px 18px}.btn.disabled,.btn[disabled]{opacity:50%;pointer-events:none}.btn-normal{border:none}.btn-outline{background:0 0}.btn-link{background:0 0;color:#1D9EFC}.btn-normal-default{background:var(--btn-bg);color:var(--color)}.btn-outline-default{border:1px solid #848484;color:var(--color)}.btn-link-default{color:var(--color)}.btn-link-default:hover{background:#ECEDEF}.btn-link-default:focus{outline:rgba(132,132,132,.8) solid 2px;background:#d0d3d8}.btn-link-default.active,.btn-link-default:active{outline:rgba(132,132,132,.6) solid 3px}.btn-normal-default:hover,.btn-outline-default:hover{background:var(--btn-bg-darker)}.btn-normal-default:focus,.btn-outline-default:focus{outline:rgba(132,132,132,.8) solid 2px;background:#d0d3d8}.btn-normal-default.active,.btn-normal-default:active,.btn-outline-default.active,.btn-outline-default:active{outline:rgba(132,132,132,.6) solid 3px}.btn-normal-primary{background:#1D9EFC;color:#FFF}.btn-outline-primary{border:1px solid #1D9EFC;color:#1D9EFC}.btn-link-primary{color:#1D9EFC}.btn-link-primary:hover{background:#DEF1FF}.btn-link-primary:focus{color:#FFF;outline:rgba(29,158,252,.5) solid 2px;background:#1D9EFC}.btn-link-primary.active,.btn-link-primary:active{outline:rgba(29,158,252,.5) solid 3px}.btn-normal-primary:hover,.btn-outline-primary:hover{color:#FFF;background:#0385e3;display:none}.btn-normal-primary:hover:hover,.btn-outline-primary:hover:hover{display:block}.btn-normal-primary:focus,.btn-outline-primary:focus{color:#FFF;outline:rgba(29,158,252,.5) solid 2px;background:#1D9EFC}.btn-normal-primary.active,.btn-normal-primary:active,.btn-outline-primary.active,.btn-outline-primary:active{outline:rgba(29,158,252,.5) solid 3px}.btn-normal-alert{background:#DE1039;border:1px solid #DE1039;color:#FFF}.btn-outline-alert{border:1px solid #DE1039;color:#DE1039}.btn-link-alert{color:#DE1039}.btn-link-alert:hover{background:#FCC5C5}.btn-link-alert:focus{color:#FFF;outline:rgba(222,16,57,.5) solid 2px;background:#DE1039}.btn-link-alert.active,.btn-link-alert:active{outline:rgba(222,16,57,.5) solid 3px}.btn-normal-alert:hover,.btn-outline-alert:hover{color:#FFF;background:#ae0d2d}.btn-normal-alert:focus,.btn-outline-alert:focus{color:#FFF;outline:rgba(222,16,57,.5) solid 2px;background:#DE1039}.btn-normal-alert.active,.btn-normal-alert:active,.btn-outline-alert.active,.btn-outline-alert:active{outline:rgba(222,16,57,.5) solid 3px}.btn-normal-success{background:#22b305;border:1px solid #22b305;color:#FFF}.btn-outline-success{border:1px solid #22b305;color:#22b305}.btn-normal-success:hover,.btn-outline-success:hover{color:#FFF;background:#198104}.btn-normal-success:focus,.btn-outline-success:focus{color:#FFF;outline:rgba(34,179,5,.5) solid 2px;background:#22b305}.btn-normal-success.active,.btn-normal-success:active,.btn-outline-success.active,.btn-outline-success:active{outline:rgba(34,179,5,.5) solid 3px}.btn-size-large{font-size:1.4em;padding:15px 30px}.btn-size-small{font-size:12px;padding:4px 8px}.btn-circle{border-radius:50%;border:none;height:30px;margin:0;width:30px;padding-top:2px}.btn-circle-size-small{width:18px;height:18px;padding-top:0}.btn-circle-size-small svg{margin-left:-1px}.btn-circle-black,.btn-circle-default{background:rgba(0,0,0,.05)}.btn-circle-black i,.btn-circle-black svg,.btn-circle-default i,.btn-circle-default svg{color:var(--color);opacity:.7}.btn-circle-black:hover,.btn-circle-default:hover{background:rgba(0,0,0,.1)}.btn-circle-black:hover>i,.btn-circle-black:hover>svg,.btn-circle-default:hover>i,.btn-circle-default:hover>svg{color:var(--color);opacity:1}.btn-circle-black:active,.btn-circle-default:active{background:rgba(0,0,0,.2)}.btn-circle-black:focus,.btn-circle-default:focus{outline:rgba(132,132,132,.8) solid 2px}.btn-circle-white{background:rgba(255,255,255,.1)}.btn-circle-white i,.btn-circle-white svg{color:#FFF;opacity:.7}.btn-circle-white:hover{background:rgba(255,255,255,.2)}.btn-circle-white:hover>i,.btn-circle-white:hover>svg{color:#FFF;opacity:1}.btn-circle-white:active{background:rgba(255,255,255,.3)}.btn-circle-white:focus{outline:rgba(255,255,255,.5) solid 2px}.card-scroller .handler-left{position:absolute;top:45%;left:-13px}.card-scroller .handler-right{position:absolute;top:45%;right:-13px}.card-scroller-crop{overflow:hidden;padding-bottom:16px}.card-scroller-overflow{display:flex;overflow-x:auto;flex-wrap:nowrap}.card-scroller-platter{display:inline-flex;padding-bottom:40px;vertical-align:top;width:100%}.card-scroller-item{margin-right:15px;display:flex}.card-scroller-item:last-child{margin-right:0}.card-scroller-2 .card-scroller-item-sized{width:492.5px}.card-scroller-3 .card-scroller-item-sized{width:323.33px}.card-scroller-4 .card-scroller-item-sized{width:238.75px}.card-scroller-6 .card-scroller-item-sized{width:188px}.dialog{-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);-moz-box-shadow:0 0 15px rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,0,0,.4);border-radius:4px;box-sizing:border-box;margin-bottom:15px;background:var(--el-bg);position:absolute;z-index:999;left:50%}.dialog h1,.dialog h2,.dialog h3{margin:0}.dialog-title{border-bottom:solid 1px var(--border-color);padding:15px;border-radius:4px 4px 0 0}.dialog-content{padding:15px}.dialog-actions{border-top:solid 1px var(--border-color);padding:15px}.dialog-actions .btn,.dialog-actions .row{margin-bottom:0}.dialog-close{position:absolute;top:10px;right:15px}.dialog-primary>.dialog-title{background:#1D9EFC;color:#fff}.dialog-alert>.dialog-title{background:#DE1039;color:#fff}.dialog-success>.dialog-title{background:#22b305;color:#fff}.dialog .box{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid var(--border-color)!important}.dialog:focus{outline:0}button,input,select,textarea{background:var(--input-bg);color:var(--color);margin-bottom:15px}.editable-input,.input-inside,.uneditable-input,input[type=text],input[type=number],input[type=password],select,textarea{display:inline-block;padding:6px 8px;box-sizing:border-box;font-size:14px;line-height:1.5em;color:var(--color);border-radius:4px;vertical-align:middle;border:1px solid var(--border-color);-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;margin-bottom:0!important}.editable-input:focus,.input-inside:focus,.uneditable-input:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:#4fb4fd;outline:rgba(29,158,252,.5) solid 3px}.editable-input.large,.input-inside.large,.uneditable-input.large,input[type=text].large,input[type=number].large,input[type=password].large,select.large,textarea.large{font-size:1.4em;padding:6px}.editable-input:hover,.input-inside:hover,.uneditable-input:hover,input[type=text]:hover,input[type=number]:hover,input[type=password]:hover,select:hover,textarea:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd}.form-element{margin-bottom:15px}.flex-item .form-element{margin-bottom:0!important}.editable-input{border-color:var(--el-bg-color)!important;border-bottom:solid 1px var(--border-color)!important}.editable-input:focus{border-color:#4fb4fd!important;outline:rgba(29,158,252,.5) solid 3px}.editable-input:hover{-webkit-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;border-color:#4fb4fd!important}input[type=color]{border:none;padding:0}.input-alert{-webkit-transition:none!important;transition:none!important;border-color:#DE1039!important}.input-alert:focus{-webkit-transition:none;transition:none;border-color:#DE1039!important;outline:rgba(222,16,57,.4) solid 3px!important}.input-inside{padding:0 4px 0 0}.input-inside select{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0;padding:0 0 0 4px;line-height:1em;height:33px;color:#6A6A6A;border-right:solid 1px var(--border-color);background:var(--input-bg);border-radius:0}.input-inside select:focus{outline:0;background:var(--btn-bg)}.input-inside:focus{border-color:#4fb4fd!important;outline:rgba(29,158,252,.5) solid 3px}.input-btns,.slider,.slider:before{position:absolute}.input-inside .btn-circle,.input-wrapper .btn-circle{height:24px;width:24px}.input-btns{right:5px;top:5px}.input-inside{background:var(--input-bg);height:auto;color:var(--border-color)}.input-inside:after,.input-inside:before{display:table;line-height:0}.input-inside button,.input-inside i,.input-inside input,.input-inside span{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}fieldset,fieldset label{margin-bottom:15px}.input-inside input,.input-inside textarea{border:0!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.input-inside input:focus,.input-inside textarea:focus{outline:0}.input-focus{border-color:#4fb4fd;outline:rgba(29,158,252,.5) solid 3px}input.disabled,input[disabled]{background-color:var(--el-bg-color);border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:4px 0!important}input:-moz-read-only,input:read-only{color:brown;border:none!important}input[type=checkbox],input[type=radio]{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select{margin-top:0;height:36px;color:var(--color)}textarea{resize:none;height:auto}label{display:block}label input,label select,label textarea,td label{margin-bottom:0}fieldset{border-radius:4px}legend{color:var(--dark-gray);padding:0 5px}.uneditable-input{pointer-events:none;border:1px solid var(--border-color);color:#6A6A6A;background-color:var(--btn-bg)}.form-inline:after,.form-inline:before{display:table;line-height:0}.form-inline button,.form-inline input,.form-inline label,.form-inline select,.form-inline textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.toolbar-group:after,.toolbar-group:before{display:table;line-height:0}.toolbar-group button,.toolbar-group input,.toolbar-group label,.toolbar-group select,.toolbar-group textarea{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;margin-right:-5px;border-right:solid 1px #FFF;border-radius:0}.toolbar-group button:first-child,.toolbar-group input:first-child,.toolbar-group label:first-child,.toolbar-group select:first-child,.toolbar-group textarea:first-child{border-radius:4px 0 0 4px}.toolbar-group button:last-child,.toolbar-group input:last-child,.toolbar-group label:last-child,.toolbar-group select:last-child,.toolbar-group textarea:last-child{border-radius:0 4px 4px 0;border-right:solid 1px var(--border-color)}::placeholder{color:#6A6A6A;opacity:1}:-ms-input-placeholder{color:var(--border-color)}::-ms-input-placeholder{color:var(--border-color)}label.switch{margin-top:-5px}.switch{position:relative;display:inline-block;width:28px;height:19px}.switch input{opacity:0;width:0;height:0}.form-switch{display:inline-block}.swith-label{margin-left:5px}.slider{-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%)!important;border-radius:15px;-webkit-transition:.1s;background-color:#ccc;bottom:-1px;left:0;right:1px;top:1px;transition:.4s}.slider:before{border-radius:50%;left:2px;width:15px;-webkit-transition:.1s;background-color:#fff;bottom:2px;height:15px;transition:.1s}input:checked+.slider{background-color:#22b305}input:focus+.slider{box-shadow:0 0 1px #22b305}input:checked+.slider:before{transform:translateX(8px)}.input-label,.input-label-alert{display:block;font-size:12px;margin-bottom:2px}.input-label{color:#6A6A6A}.input-label-alert{color:#DE1039}.cust-radio{display:block;position:relative;padding-left:18px;padding-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cust-radio input{position:absolute;opacity:0;height:0;width:0}.checkmark{position:absolute;top:4px;left:0;height:15px;width:15px;background-color:var(--border-color);-webkit-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;-moz-box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;box-shadow:inset 0 1px 3px rgb(0 0 0 / 20%)!important;border-radius:50%}.cust-radio:hover input~.checkmark{background-color:var(--border-color-lighter)}.cust-radio input:checked~.checkmark{background-color:#1D9EFC}.checkmark:after{position:absolute;display:none}.cust-radio input:checked~.checkmark:after{display:block}.cust-radio .checkmark:after{top:5px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff}.highlight,.label{border-radius:4px}.hidden-arrows::-webkit-inner-spin-button,.hidden-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.highlight{padding:15px}.highlight-large{font-size:1.4em;padding:30px}.highlight-default{background:var(--el-bg-highlight)}.highlight-primary{background:#DEF1FF;color:#1D9EFC}.highlight-success{background:#DDFFD4;color:#22b305}.highlight-alert{background:#FCC5C5;color:#DE1039}.badge,.label{cursor:default;display:inline-block;line-height:1.5em;color:#fff;vertical-align:baseline;white-space:nowrap;position:relative}.badge:empty,.label:empty{display:none}.badge .btn-circle,.label .btn-circle{margin-left:5px}.badge-default,.label-default{background-color:var(--btn-bg);color:var(--color)}.badge.badge-primary,.badge.label-primary,.label.badge-primary,.label.label-primary{background-color:#1D9EFC}.badge.badge-warning,.badge.label-warning,.label.badge-warning,.label.label-warning{background-color:#FFDA33}.badge.badge-success,.badge.label-success,.label.badge-success,.label.label-success{background-color:#22b305}.badge.badge-alert,.badge.label-alert,.label.badge-alert,.label.label-alert{background-color:#DE1039}.badge{border-radius:20px;padding:0 10px}.badge-small{font-size:12px;padding:0 10px}.badge-closable{padding-right:0}a.badge:focus,a.badge:hover,a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer;background-color:#6A6A6A}.navbar,.navbar-link{color:#CACBCF;font-size:1.2em}a.badge-primary:hover,a.label-primary:hover{background-color:#1D9EFC}a.badge-warning:hover,a.label-warning:hover{background-color:var(--warn-color-darker)}a.badge-success:hover,a.label-success:hover{background-color:var(--success-color-darker)}a.badge-alert:hover,a.label-alert:hover{background-color:var(--alert-color-darker)}.loader-lock{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:9999}.loader{z-index:99999;width:150px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader>div{content:" ";width:20px;height:20px;background:#1D9EFC;border-radius:100%;position:absolute;animation:shift 2s linear infinite}.navbar,.navbar-list{position:relative;padding:0}.loader>div:nth-of-type(1){animation-delay:-.4s}.loader>div:nth-of-type(2){animation-delay:-.8s}.loader>div:nth-of-type(3){animation-delay:-1.2s}.loader>div:nth-of-type(4){animation-delay:-1.6s}@keyframes shift{0%{left:-60px;opacity:0;background-color:#1D9EFC}10%{left:0;opacity:1}90%{left:100px;opacity:1}100%{left:160px;background-color:#1a9eff;opacity:0}}.clear-list ul,ul.clear-list{padding:0;margin:0;list-style:none}.inline-list ul,ul.inline-list{display:flex;margin-left:-15px}.inline-list ul li,ul.inline-list li{margin-left:15px}.navbar{margin:0;background:#212121}.navbar-list{bottom:0;box-sizing:border-box;display:flex;flex:1;height:auto;justify-content:space-between;left:0;list-style:none;margin:0;right:0;top:0;user-select:none;z-index:1}.navbar-logo{flex-grow:1;width:48px}.navbar-item{width:48px}.navbar-link{padding:15px;margin:0;border:none;box-sizing:border-box;cursor:pointer}.navbar-link.active{color:#1D9EFC}.navbar-link:hover{color:#FFF}.navbar .nav-expandible-area{background:rgba(0,0,0,.8);width:100%;position:absolute;border-radius:0 0 4px 4px;padding:15px;z-index:99;box-sizing:border-box;top:100%}.navbar .main-menu{visibility:hidden;position:absolute}.navbar .right-item{width:48px}.navbar .btn-menu{margin:0}.pagination{margin:0 0 15px;padding-bottom:15px}.pagination-note{color:#6A6A6A}.pagination ul{display:inline-block;margin:0;border-radius:4px}.pagination ul>li{display:inline}.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:1.5em;text-decoration:none;background-color:var(--el-bg-color);border:1px solid var(--border-color);border-left-width:0;color:var(--color)}.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus,.pagination ul>li>a:hover{border-right:solid 1px var(--border-color);background-color:#DEF1FF}.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span{color:#6A6A6A;background-color:transparent;cursor:default}.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{border-left-width:1px;border-radius:4px 0 0 4px}.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{border-radius:0 4px 4px 0}.pagination-centered{text-align:center}.pagination-right{text-align:right}.row{display:flex;margin-bottom:15px;-ms-overflow-style:none;scrollbar-width:none}.row-item .btn,.table .input-wrapper,.table .uneditable-input,.table input,.table select,.table td .btn,.table td .row,.table textarea,.table th .btn,.table th .row{margin-bottom:0}.row:-webkit-scrollbar{display:none}.row-item{margin-left:15px}.row-item:first-child{margin-left:0}.skeleton{background:var(--btn-bg);border-radius:4px;padding:15px;margin-bottom:15px}.snackbar-wrapper{position:fixed;bottom:0;left:0;z-index:999;width:100%}.snackbar{padding:15px 45px 15px 15px;color:#FFF;border-radius:4px;width:1000px;margin:auto auto 15px;box-sizing:border-box;position:relative;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.3);-moz-box-shadow:0 3px 10px rgba(0,0,0,.3);box-shadow:0 3px 10px rgba(0,0,0,.3)}.snackbar-primary{background-color:#1D9EFC}.snackbar-alert{background-color:#DE1039}.snackbar-success{background-color:#22b305}.snackbar-info{background-color:#5d5d5d}.snackbar .snackbar-close{position:absolute;top:10px;right:10px}table{max-width:100%;border-collapse:collapse;border-spacing:0}.table{cursor:default;border-bottom:solid 1px transparent;margin-bottom:15px;border-collapse:separate;background:var(--el-bg)}.table .underlined td,.table .underlined th,.table thead td,.table thead th{border-bottom:solid 1px var(--border-color)}.table thead td,.table thead th{background-color:var(--el-bg);color:#6A6A6A;font-weight:400;vertical-align:middle;position:sticky;top:0;z-index:9}.table thead td a,.table thead th a{color:#6A6A6A;font-weight:700}.table thead td a:hover,.table thead th a:hover{text-decoration:none;color:#515151}.table thead td:first-child,.table thead th:first-child{border-radius:4px 0 0}.table thead td:last-child,.table thead th:last-child{border-radius:0 4px 0 0}.table td,.table th{padding:8px 6px;line-height:1.5em;vertical-align:middle}.table tbody td,.table tbody th{border-top:solid 1px transparent}.table .overlined td,.table .overlined th{border-top:solid 1px var(--border-color)}.table-striped tbody tr:nth-child(odd){background-color:var(--el-bg-highlight)}.table-striped tbody tr:nth-child(odd).highlight-success{background-color:#b5ffa1}.table-striped tbody tr.highlight-success{background-color:#DDFFD4}.table-hover tbody tr:hover>td{background-color:#DEF1FF}.table td.highlight-alert,.table th.highlight-alert,.table tr.highlight-alert td,.table tr.highlight-alert th{background-color:#FCC5C5}.tabs{box-shadow:inset 0 -1px 0 0 var(--border-color);display:flex}.tabs .tab{padding:6px 15px;margin:0;cursor:pointer;border:1px solid transparent}.tabs .tab.active{border:1px solid var(--border-color);border-radius:4px 4px 0 0;border-bottom:solid 1px var(--el-bg);color:#1D9EFC}.tabs .tab.disabled,.tabs .tab[disabled]{color:#848484;pointer-events:none}.tab-content{padding:15px;border:1px solid var(--border-color);border-top:none;border-radius:0 0 4px 4px}.thumb{background-color:#FFF!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:100%!important;border-radius:4px;height:80px;width:80px;position:relative;box-sizing:border-box}.thumb.thumb-bordered{border:1px solid var(--border-color)}.thumb-small{width:56px;height:56px}.thumb-smallest{width:32px;height:32px}.thumb-medium{width:80px;height:80px}.thumb-large{width:160px;height:160px}.thumb-largest{width:240px;height:240px}.thumb .center-by-width{height:auto;position:absolute;top:50%;transform:translate(0,-50%);width:100%}.thumb .center-by-height{display:block;margin-left:auto;margin-right:auto;width:auto;height:100%}ul.tree li:after,ul.tree li:before{height:1.6em;width:15px;color:#fff;content:"";display:inline-block}.thumb .thumb-corner{position:absolute;top:-13px;right:-13px}ul.tree{list-style:none;padding:0;margin:0 0 15px}ul.tree ul.tree{margin-left:-23px;margin-top:4px;margin-bottom:0}ul.tree li{margin:0;padding:0 7px;line-height:2rem;border-left:1px solid #646464;cursor:default;position:relative}ul.tree li .tree-content{display:inline-block;margin:3px 0 0 40px}ul.tree li .tree-button{position:absolute;top:4px;left:10px;z-index:5}ul.tree li:last-child{border-left:none;line-height:15px!important}ul.tree li:last-child:before{border-left:1px solid #646464}ul.tree li:before{position:absolute;top:-3px;border-bottom:1px solid #646464;left:0}ul.tree li:after{position:relative;top:-.3em;left:-7px}.component-locker,.overlay{background:var(--overlay-color);height:100%;left:0;top:0;transition:.2s;width:100%}.small,small{font-size:12px}.large{font-size:1.4em}.margin-top{margin-top:15px}.margin-bottom{margin-bottom:15px}.collapesed-bottom{margin-bottom:0}.primary-color{color:#1D9EFC!important}.success-color{color:#22b305!important}.alert-color{color:#DE1039!important}.active-color{color:#64FA00!important}.apply-color.gray a,.gray,.note{color:#6A6A6A}.apply-color.gray a:hover{text-decoration:underline}.note{font-size:small}.clipped{overflow:hidden;text-wrap:nowrap;display:inline-block}.clipped-dots{position:absolute;margin-left:1px}.relative{position:relative}.border-top{border-top:solid 1px var(--border-color)}.border-bottom{border-bottom:solid 1px var(--border-color)}.center{text-align:center}.right{text-align:right}.left{text-align:left}.content{padding:15px}.visible{visibility:visible}.invisible{visibility:hidden}.hidden,.hover{display:none}.hover:hover{display:block}.expanded{width:100%}.bordered{border:1px solid var(--border-color);border-radius:4px}.bordered-top{border-top:solid 1px var(--border-color)}.bordered-bottom{border-bottom:solid 1px var(--border-color)}.overlay{position:fixed;z-index:99}.component-locker{border-radius:4px;position:absolute;z-index:9}.wrapper{position:relative;margin:auto}.wrapper-large{width:1000px}.wrapper-large .role-mainside{width:745px}.wrapper-large .role-sidebar{width:240px}.wrapper-large .role-half{width:500px}.wrapper-large .box .role-mainside,.wrapper-large .box .role-sidebar{width:730px}.wrapper-small{width:333.33px}.wrapper-medium{width:500px}@-ms-viewport{width:device-width}@media (max-width:500px){body{font-size:15px}h1,h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-responsive{display:block}.row-responsive .row-item{width:100%;margin-left:0;margin-bottom:15px}.btn,.snackbar{width:100%}}@media (min-width:501px) and (max-width:999px){body{font-size:15px}h1{font-size:1.3em}h2,h3{font-size:1.1em}.wrapper-default,.wrapper-large{width:96%;margin:auto}.row-responsive .row-item{width:50%;margin-bottom:15px}.snackbar{width:100%}}
|
|
@@ -26,7 +26,7 @@ var Badge = exports.Badge = function Badge(_ref) {
|
|
|
26
26
|
};
|
|
27
27
|
Badge.propTypes = {
|
|
28
28
|
children: _propTypes["default"].any,
|
|
29
|
-
color: _propTypes["default"].oneOf(['default', 'primary']),
|
|
29
|
+
color: _propTypes["default"].oneOf(['default', 'alert', 'success', 'primary']),
|
|
30
30
|
size: _propTypes["default"].oneOf(['small']),
|
|
31
31
|
closable: _propTypes["default"].bool,
|
|
32
32
|
onClose: _propTypes["default"].func
|
|
@@ -18,6 +18,8 @@ var ConfirmationDialog = exports.ConfirmationDialog = function ConfirmationDialo
|
|
|
18
18
|
title = _ref.title,
|
|
19
19
|
icon = _ref.icon,
|
|
20
20
|
color = _ref.color,
|
|
21
|
+
width = _ref.width,
|
|
22
|
+
height = _ref.height,
|
|
21
23
|
onClose = _ref.onClose,
|
|
22
24
|
onConfirm = _ref.onConfirm,
|
|
23
25
|
_ref$textConfirm = _ref.textConfirm,
|
|
@@ -25,6 +27,8 @@ var ConfirmationDialog = exports.ConfirmationDialog = function ConfirmationDialo
|
|
|
25
27
|
_ref$textCancel = _ref.textCancel,
|
|
26
28
|
textCancel = _ref$textCancel === void 0 ? "Cancelar" : _ref$textCancel;
|
|
27
29
|
return /*#__PURE__*/_react["default"].createElement(_Dialog.Dialog, {
|
|
30
|
+
width: width,
|
|
31
|
+
height: height,
|
|
28
32
|
color: color,
|
|
29
33
|
onClose: onClose
|
|
30
34
|
}, /*#__PURE__*/_react["default"].createElement(_Dialog.DialogTitle, null, icon && /*#__PURE__*/_react["default"].createElement(_reactFontawesome.FontAwesomeIcon, {
|
|
@@ -47,7 +51,8 @@ ConfirmationDialog.propTypes = {
|
|
|
47
51
|
textCancel: _propTypes["default"].string,
|
|
48
52
|
color: _propTypes["default"].oneOf(['default', 'primary', 'alert', 'success']),
|
|
49
53
|
closable: _propTypes["default"].bool,
|
|
50
|
-
width: _propTypes["default"].string,
|
|
54
|
+
width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
55
|
+
height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
51
56
|
onClose: _propTypes["default"].func,
|
|
52
57
|
onConfirm: _propTypes["default"].func
|
|
53
58
|
};
|
|
@@ -7,14 +7,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.DialogTitle = exports.DialogContent = exports.DialogActions = exports.Dialog = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _CircleButton = require("../button/CircleButton");
|
|
11
|
-
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
12
10
|
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
13
11
|
var _util = require("../util");
|
|
12
|
+
var _button = require("../button");
|
|
14
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
15
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
18
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -35,15 +33,13 @@ var Dialog = exports.Dialog = function Dialog(props) {
|
|
|
35
33
|
closable = _props$closable === void 0 ? true : _props$closable,
|
|
36
34
|
onClose = props.onClose,
|
|
37
35
|
_props$width = props.width,
|
|
38
|
-
width = _props$width === void 0 ?
|
|
36
|
+
width = _props$width === void 0 ? "auto" : _props$width,
|
|
39
37
|
_props$height = props.height,
|
|
40
|
-
height = _props$height === void 0 ?
|
|
38
|
+
height = _props$height === void 0 ? "auto" : _props$height,
|
|
41
39
|
_props$color = props.color,
|
|
42
40
|
color = _props$color === void 0 ? 'default' : _props$color,
|
|
43
41
|
_props$isLoading = props.isLoading,
|
|
44
42
|
isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
|
|
45
|
-
_props$expanded = props.expanded,
|
|
46
|
-
expanded = _props$expanded === void 0 ? false : _props$expanded,
|
|
47
43
|
_props$closeOnEscape = props.closeOnEscape,
|
|
48
44
|
closeOnEscape = _props$closeOnEscape === void 0 ? true : _props$closeOnEscape;
|
|
49
45
|
var _useState = (0, _react.useState)({
|
|
@@ -55,13 +51,12 @@ var Dialog = exports.Dialog = function Dialog(props) {
|
|
|
55
51
|
setSettings = _useState2[1];
|
|
56
52
|
var dialogRef = (0, _react.useRef)(null);
|
|
57
53
|
var _useState3 = (0, _react.useState)({
|
|
58
|
-
width:
|
|
54
|
+
width: width,
|
|
59
55
|
height: height
|
|
60
56
|
}),
|
|
61
57
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
62
58
|
style = _useState4[0],
|
|
63
59
|
setStyle = _useState4[1];
|
|
64
|
-
var wrapper = (0, _react.useRef)();
|
|
65
60
|
(0, _react.useEffect)(function () {
|
|
66
61
|
var handleKeyDown = function handleKeyDown(event) {
|
|
67
62
|
if (event.key === 'Escape') {
|
|
@@ -75,21 +70,25 @@ var Dialog = exports.Dialog = function Dialog(props) {
|
|
|
75
70
|
}, [onClose]);
|
|
76
71
|
var onKeyHandler = function onKeyHandler(e) {
|
|
77
72
|
var key = e.key;
|
|
78
|
-
if (key === 'Escape' &&
|
|
73
|
+
if (key === 'Escape' && closeOnEscape) {
|
|
74
|
+
console.log('closing!!!', closeOnEscape);
|
|
79
75
|
onClose && onClose();
|
|
80
76
|
}
|
|
81
77
|
};
|
|
82
78
|
(0, _react.useEffect)(function () {
|
|
83
|
-
if (
|
|
84
|
-
|
|
79
|
+
if (dialogRef.current) {
|
|
80
|
+
var w = dialogRef.current.offsetWidth;
|
|
81
|
+
// const h = dialogRef.current.offsetHeight;
|
|
82
|
+
// console.log('changing!!! w = ', {w, h});
|
|
83
|
+
// console.log('....', {w: dialogRef.current})
|
|
85
84
|
setStyle(_objectSpread(_objectSpread({}, style), {}, {
|
|
86
|
-
|
|
87
|
-
//
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
// marginTop:
|
|
85
|
+
top: "".concat(window.pageYOffset, "px"),
|
|
86
|
+
// top: `${window.pageYOffset + (h/2)}px`,
|
|
87
|
+
left: '50%',
|
|
88
|
+
marginLeft: "-".concat(w / 2, "px")
|
|
89
|
+
// marginTop: `-${h/2}px`,
|
|
91
90
|
}));
|
|
92
|
-
|
|
91
|
+
dialogRef.current.focus();
|
|
93
92
|
}
|
|
94
93
|
}, []);
|
|
95
94
|
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, open && /*#__PURE__*/_react["default"].createElement(DialogContext.Provider, {
|
|
@@ -99,26 +98,21 @@ var Dialog = exports.Dialog = function Dialog(props) {
|
|
|
99
98
|
}
|
|
100
99
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
101
100
|
className: "overlay"
|
|
102
|
-
}), /*#__PURE__*/_react["default"].createElement("div",
|
|
101
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
103
102
|
className: "dialog dialog-".concat(color),
|
|
104
103
|
tabIndex: -1,
|
|
105
104
|
ref: dialogRef,
|
|
106
|
-
style:
|
|
107
|
-
width: width,
|
|
108
|
-
height: height,
|
|
109
|
-
top: window.innerHeight / 2
|
|
110
|
-
},
|
|
105
|
+
style: style,
|
|
111
106
|
role: "dialog",
|
|
112
107
|
"aria-modal": "true",
|
|
113
108
|
onKeyDown: onKeyHandler
|
|
114
|
-
}
|
|
109
|
+
}, isLoading && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_util.Locker, null), /*#__PURE__*/_react["default"].createElement(_util.Loader, null)), closable && /*#__PURE__*/_react["default"].createElement("div", {
|
|
115
110
|
className: "dialog-close"
|
|
116
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
111
|
+
}, /*#__PURE__*/_react["default"].createElement(_button.IconButton, {
|
|
112
|
+
icon: _freeSolidSvgIcons.faTimes,
|
|
117
113
|
onClick: onClose,
|
|
118
|
-
|
|
119
|
-
},
|
|
120
|
-
icon: _freeSolidSvgIcons.faTimes
|
|
121
|
-
}))), children)));
|
|
114
|
+
background: color === 'default' ? 'black' : 'white'
|
|
115
|
+
})), children)));
|
|
122
116
|
};
|
|
123
117
|
var DialogTitle = exports.DialogTitle = function DialogTitle(_ref) {
|
|
124
118
|
var children = _ref.children;
|
package/components/util/Note.js
CHANGED
|
@@ -9,14 +9,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
10
|
var Note = exports.Note = function Note(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
|
+
variant = _ref.variant,
|
|
12
13
|
className = _ref.className,
|
|
13
14
|
width = _ref.width,
|
|
14
15
|
_ref$dots = _ref.dots,
|
|
15
16
|
dots = _ref$dots === void 0 ? false : _ref$dots;
|
|
17
|
+
var Tag = variant || 'span';
|
|
16
18
|
var style = width && {
|
|
17
19
|
width: typeof width === "string" ? width : "".concat(width, "px")
|
|
18
20
|
};
|
|
19
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(Tag, {
|
|
20
22
|
className: "note ".concat(className ? className : '')
|
|
21
23
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
22
24
|
className: "".concat(width ? 'clipped' : ''),
|
|
@@ -28,6 +30,7 @@ var Note = exports.Note = function Note(_ref) {
|
|
|
28
30
|
Note.propTypes = {
|
|
29
31
|
children: _propTypes["default"].any,
|
|
30
32
|
className: _propTypes["default"].string,
|
|
33
|
+
variant: _propTypes["default"].string,
|
|
31
34
|
dots: _propTypes["default"].bool,
|
|
32
35
|
width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
|
|
33
36
|
};
|
package/components/util/Text.js
CHANGED
|
@@ -25,7 +25,7 @@ var Text = exports.Text = function Text(_ref) {
|
|
|
25
25
|
});
|
|
26
26
|
};
|
|
27
27
|
Text.propTypes = {
|
|
28
|
-
variant: _propTypes["default"].oneOf(['p', 'span', 'strong', 'i']),
|
|
28
|
+
variant: _propTypes["default"].oneOf(['p', 'div', 'span', 'strong', 'i']),
|
|
29
29
|
size: _propTypes["default"].oneOf(['small', 'normal', 'large']),
|
|
30
|
-
children: _propTypes["default"].
|
|
30
|
+
children: _propTypes["default"].any
|
|
31
31
|
};
|
package/layout/Layout.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.Sidebar = exports.MainSide = exports.Layout = void 0;
|
|
8
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
8
|
var _components = require("../components");
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
// const LayoutContext = createContext(null);
|
|
11
|
+
|
|
13
12
|
var Layout = exports.Layout = function Layout(_ref) {
|
|
14
13
|
var children = _ref.children;
|
|
15
14
|
return /*#__PURE__*/_react["default"].createElement(_components.Row, null, children);
|