diff --git a/assets/css/admin/builder.css b/assets/css/admin/builder.css index dc557dba..f83d4243 100644 --- a/assets/css/admin/builder.css +++ b/assets/css/admin/builder.css @@ -1,569 +1,545 @@ @-webkit-keyframes um-ajax-spinning { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } @-moz-keyframes um-ajax-spinning { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } @-ms-keyframes um-ajax-spinning { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } @keyframes um-ajax-spinning { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); } } - -.um-admin a.um-admin-activebg, -.um-admin a.um-admin-activebg:hover { - /*background: #3ba1da;*/ - background: #0085ba; - color: #fff; -} - -/* - - General -*/ - -.um-admin-builder * { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale; -} - -.um-admin-builder i { - font-size: 15px !important; - height: 100% !important; - line-height: 100% !important; - margin: 0 5px 0 0 !important; -} - -.um-admin-builder .um-admin-drag {margin-top: 40px} - -/* - - Add field -*/ -.um-admin-drag-add-field { - display: block; - width: 100%; - height: 30px; - line-height: 30px; - text-align: center; - color: #aaa; - text-decoration: none; -} - -.um-admin-drag-add-field:hover {color: #0085ba} - -.um-admin-drag-add-field i { - font-size: 23px !important; - margin: 0 !important; -} - -/* - - Drag controls -*/ - -.um-admin-drag-ctrls-demo.um-admin-drag-ctrls { - position: absolute; - right: 7px; - top: -30px; - left: auto; -} - -.um-admin-drag-ctrls { - position: absolute; - top: -30px; - left: 0; -} - -.um-admin-drag-ctrls a { - float: left; - margin: 0 5px 0 0; - height: 30px; - line-height: 30px; - background: #eee; - color: #888; - padding: 0 8px; - text-decoration: none; - border-radius: 2px 2px 0 0; -} - -.um-admin-drag-ctrls a:hover {background-color: #e5e5e5} - -.um-admin-drag-ctrls a.active, -.um-admin-drag-ctrls a.active:hover { - /*background-color: #3ba1da;*/ - background-color: #0085ba; - color: #fff; -} - -.um-admin-drag-ctrls.columns a {width: 30px !important;background-image: url(../../img/builder/1-column.gif); background-repeat: no-repeat; background-position: center;} -.um-admin-drag-ctrls.columns a:nth-child(2) {background-image: url(../../img/builder/2-columns.gif);} -.um-admin-drag-ctrls.columns a:last-child {background-image: url(../../img/builder/3-columns.gif);} - -.um-admin-drag-ctrls.columns a.active {background-image: url(../../img/builder/1-column-active.gif)} -.um-admin-drag-ctrls.columns a.active:nth-child(2) {background-image: url(../../img/builder/2-columns-active.gif);} -.um-admin-drag-ctrls.columns a.active:last-child {background-image: url(../../img/builder/3-columns-active.gif);} - -/* - - Drag Area -*/ - -.um-admin-drag { - width: 100%; - background: #f1f1f1; - box-sizing: border-box; - position: relative; - padding: 60px 20px 20px 20px; -} - -.um-admin-drag-row { - width: 100%; - background: #fefefe; - box-sizing: border-box; - position: relative; - padding: 60px 20px 20px 20px; - margin: 0 0 60px 0; - position: relative; -} -.um-admin-drag-row:last-child {margin-bottom: 0} - -.um-admin-drag-row-icons { - position: absolute; - right: 0; - top: -30px; - height: 30px; -} - -.um-admin-drag-rowsub { - position: relative; - box-sizing: border-box; - background: #f1f1f1; - padding: 20px; - margin: 0 0 60px 0; -} -.um-admin-drag-rowsub:last-child {margin-bottom: 0} - -.um-admin-drag-rowsub-icons { - position: absolute; - right: 0; - top: -30px; - height: 30px; -} - -.um-admin-drag-col { - float: left; - width: 100%; - background: #fff; - border: 1px dashed #bbb; - box-sizing: border-box; - padding: 20px; -} - -.um-admin-drag-col.cols-3 {width: 32%;} -.um-admin-drag-col.cols-3.cols-last {width: 32%;} -.um-admin-drag-col.cols-3.cols-middle {width: 32%;margin: 0 2%;} - -.um-admin-drag-col.cols-1 {width: 100%;} -.um-admin-drag-col.cols-1.cols-last {width: 100%;} -.um-admin-drag-col.cols-1.cols-middle {} - -.um-admin-drag-col.cols-2 {width: 49%;margin: 0 1% 0 0} -.um-admin-drag-col.cols-2.cols-last {width: 49%;margin: 0 0 0 1%;} -.um-admin-drag-col.cols-2.cols-middle {} - -.um-admin-drag-addrow { - text-align: center; - font-size: 14px; - color: #888; - cursor: pointer; - border: 1px dashed #bbb; - padding: 10px 0; - margin: 20px 0 0 0; -} -.um-admin-drag-addrow i { - font-size: 23px !important; - margin: 0 !important; -} -.um-admin-drag-addrow:hover {color: #0085ba} - -/* - - Fields -*/ - -.um-admin-drag-fld { - display: block; - position: relative; - border: 1px solid #dddddd; - margin: 0 0 15px 0; - background: #F5F5F5; - cursor: move !important; -} - -.um-admin-drag-fld-title i { - width: 24px; - display: inline-block; - text-align: center; -} - -.um-admin-drag-fld.um-field-type-group {background: #555;border: 0} -.um-admin-drag-fld-title.um-field-type-group,.um-admin-drag-fld-type.um-field-type-group {color: #fff} -.um-admin-drag-group {background: #FCFCFC;cursor: default;padding: 20px;border: 1px dashed #bbb;} -.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group{float: left;position: relative;bottom: auto;right: auto;height: 30px;display: block;} -.um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field {display: none !important} - -.um-admin-drag-fld-title, -.um-admin-drag-fld-type { - float: left; - font-weight: bold; - font-size: 13px; - color: #666; - height: 30px; - line-height: 30px; - margin: 0 0 0 20px; -} - -.um-admin-drag-fld-type { - font-weight: 400; - color: #999; -} - -.um-admin-drag-fld-icons { - float: right; -} - -/* - - Responsive cols appearance -*/ - -.um-admin-drag-col.cols-3 .um-admin-drag-fld-title, -.um-admin-drag-col.cols-3 .um-admin-drag-fld-type { - height: auto; - line-height: 18px; - margin: 10px; - margin-bottom: 0; -} - -.um-admin-drag-col.cols-3 .um-admin-drag-fld-type { - margin: 10px; -} - -.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons { - float: none; - position: absolute; - bottom: 0; - right: 0; - height: 30px; - display: none; -} - -.um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons{display: block;} - -/* - - Icons -*/ - -.um-admin-drag-row-icons a, -.um-admin-drag-row-icons span, -.um-admin-drag-rowsub-icons a, -.um-admin-drag-rowsub-icons span, -.um-admin-drag-fld-icons a{ - text-decoration: none; - color: #fff; - width: 40px; - height: 30px; - line-height: 30px; - text-align: center; - display: block !important; - float: left; - /*background: #44b0ec;*/ - background: #0085ba; - padding: 0 4px; - transition: all .2s linear; - border-left: 1px solid #379dd5; -} - -.um-admin-drag-row-icons span, -.um-admin-drag-rowsub-icons span -{cursor: move!important} - -.um-admin-drag-row-icons a:hover, -.um-admin-drag-row-icons span:hover, -.um-admin-drag-rowsub-icons a:hover, -.um-admin-drag-rowsub-icons span:hover, -.um-admin-drag-fld-icons a:hover {background: #008ec2;/*background: #3396cd;*/} - -.um-admin-drag-row-icons i, -.um-admin-drag-rowsub-icons i, -.um-admin-drag-fld-icons i{ - font-size: 18px !important; - margin: 0 !important; - top: 2px; - position: relative; -} + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } .um-admin-row-loading { - position: absolute; - width: 100%; - height: calc( 100% + 30px ); - top: -30px; - left: 0; - background: rgba(241, 241, 241, 0.6); - z-index: 999; - display: none; -} -.um-admin-row-loading > span { - display: block; - -webkit-transition: 0.1s opacity; - -moz-transition: 0.1s opacity; - -ms-transition: 0.1s opacity; - -o-transition: 0.1s opacity; - transition: 0.1s opacity; - color: #c6c6c6 !important; - -webkit-animation: um-ajax-spinning 1.1s infinite linear; - animation: um-ajax-spinning 1.1s infinite linear; - border-top: 0.2em solid rgba(0, 0, 0, 1); - border-right: 0.2em solid rgba(0, 0, 0, 1); - border-bottom: 0.2em solid rgba(0, 0, 0, 1); - border-left: 0.2em solid #c6c6c6; - font-size: 1.75em; - filter: alpha(opacity=0); - -ms-transform: translateZ(0); - transform: translateZ(0); - border-radius: 50%; - width: 40px; - height: 40px; - margin: -20px 0 0 -20px; - outline: 0; - padding: 0; - vertical-align: baseline; - position: absolute; - left: 50%; - top: 50%; -} - -/* - - UI Placeholders -*/ -.um-row-placeholder { - width: 100%; - border: 2px dashed #aaa; - box-sizing: border-box; -} - -.um-rowsub-placeholder { - width: 100%; - border: 2px dashed #ccc; - box-sizing: border-box; - display: block; -} - -.um-fld-placeholder { - display: block; - border: 1px dashed #dddddd; - background: #fff; - box-sizing: border-box; - width: 100%; -} - -.um-admin-preview-overlay { - position: absolute; - top:0; - bottom: 0; - left: 0; - right: 0; - background-color: rgba(255,255,255,0); - z-index: 100; -} - -#UM_preview_form .um-admin-modal-body { - position: relative; -} - -.um-admin-half { - float: left; - width: 48%; -} - -.um-admin-tri { - float: left; - width: 33%; -} - -.um-admin-left { - float: left; -} - -.um-admin-right { - float: right; -} - -/* Select form type links */ + position: absolute; + width: 100%; + height: calc( 100% + 30px); + top: -30px; + left: 0; + background: rgba(241, 241, 241, 0.6); + z-index: 999; + display: none; } + .um-admin-row-loading > span { + display: block; + -webkit-transition: 0.1s opacity; + -moz-transition: 0.1s opacity; + -ms-transition: 0.1s opacity; + -o-transition: 0.1s opacity; + transition: 0.1s opacity; + color: #c6c6c6 !important; + -webkit-animation: um-ajax-spinning 1.1s infinite linear; + animation: um-ajax-spinning 1.1s infinite linear; + border-top: 0.2em solid black; + border-right: 0.2em solid black; + border-bottom: 0.2em solid black; + border-left: 0.2em solid #c6c6c6; + font-size: 1.75em; + filter: alpha(opacity=0); + -ms-transform: translateZ(0); + transform: translateZ(0); + border-radius: 50%; + width: 40px; + height: 40px; + margin: -20px 0 0 -20px; + outline: 0; + padding: 0; + vertical-align: baseline; + position: absolute; + left: 50%; + top: 50%; } .um-admin-boxed-links { - width: 100%; - text-align: center; -} + width: 100%; + text-align: center; } + .um-admin-boxed-links a { + width: 33.3%; + float: left; + border-left: 1px solid #fff; + border-right: 1px solid #fff; + padding: 30px 25px !important; + background: #f8f8f8; + text-align: center; + display: inline-block !important; + font-size: 14px; + transition: all .2s linear; + text-decoration: none; + color: #666; + margin: 0 !important; + box-sizing: border-box !important; + border-radius: 2px; + font-weight: 600; } + .um-admin-boxed-links a:hover { + background: #eee; } + .um-admin-boxed-links a.um-admin-activebg { + background: #0085ba; + color: #fff; } + .um-admin-boxed-links a.um-admin-activebg:hover { + background: #0085ba; + color: #fff; } + .um-admin-boxed-links i { + font-size: 28px; + vertical-align: middle; + margin: 0 10px 0 0; } -.um-admin-boxed-links a { - width: 33.3%; - float: left; - border-left: 1px solid #fff; - border-right: 1px solid #fff; - padding: 30px 25px !important; - background: #f8f8f8; - text-align: center; - display: inline-block !important; - font-size: 14px; - transition: all .2s linear; - text-decoration: none; - color: #666; - margin: 0 !important; - box-sizing: border-box !important; - border-radius: 2px; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-weight: 600; -} +.um-admin-half { + float: left; + width: 48%; } + .um-admin-half select { + box-sizing: border-box; } + .um-admin-half.um-admin-right { + float: right; } + .um-admin-half p:first-child { + margin-top: 0; } -.um-admin-boxed-links i { - font-size: 28px; - vertical-align: middle; - margin: 0 10px 0 0; -} +.um-admin-tri { + float: left; + width: 33%; + position: relative; } -.um-admin-boxed-links a:hover { - background: #eee; -} - -/* - - Error blocks -*/ - -.um-admin-error-block, .um-admin-success-block{ - display: none; - width: 100%; - background: #C74A4A; - border-radius: 3px; - color: #fff; - box-sizing: border-box; - position: relative; - padding: 12px; - font-size: 13px; - line-height: 1em !important; - margin: 0 0 16px 0; -} +.um-admin-error-block, +.um-admin-success-block { + display: none; + width: 100%; + background: #c74a4a; + border-radius: 3px; + color: #fff; + box-sizing: border-box; + position: relative; + padding: 12px; + font-size: 13px; + line-height: 1em !important; + margin: 0 0 16px 0; } .um-admin-success-block { - background: #7ACF58; -} + background: #7acf58; } .um-admin-cur-condition-template { - display: none; -} + display: none; } -.dynamic-mce-content {display: none} +.dynamic-mce-content { + display: none; } -/* - - Conditional fields -*/ +.um-admin-btns { + line-height: 1.5em; + margin: 0 0 5px 0; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: baseline; + flex-wrap: wrap; } + .um-admin-btns .um-no-custom-fields { + margin: 0; } + .um-admin-btns a { + margin: 0 3px 8px 0 !important; + font-size: 12px !important; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; + display: flex !important; } + .um-admin-btns a.with-icon span { + color: #aaa; + font-size: 15px !important; + padding-left: 5px; + height: auto; + width: auto; } + .um-admin-btns a.with-icon:hover span { + color: #cb3838; } .um-admin-btn-toggle { - padding: 10px 0; -} - -.um-admin-btn-toggle p { - margin: 0 5px 0 0 !important; -} - -.um-admin-btn-toggle p.um-admin-reset-conditions { - margin: 0 0 5px 0 !important; -} - -.um-admin-btn-toggle a { - text-decoration: none; - color: #999; -} - -.um-admin-btn-toggle a.active, .um-admin-btn-toggle a.active:hover { - color: #0085ba; -} - -.um-admin-btn-toggle i { - margin: 0 5px 0 0 !important; - height: 100%; - color: #666; - position: relative; - top: 1px; -} + padding: 10px 0; } + .um-admin-btn-toggle p { + margin: 0 5px 0 0 !important; } + .um-admin-btn-toggle p.um-admin-reset-conditions a { + margin-bottom: 5px; } + .um-admin-btn-toggle a { + text-decoration: none; + color: #999; } + .um-admin-btn-toggle a.um-admin-new-condition { + margin-bottom: 5px; } + .um-admin-btn-toggle a.active { + color: #0085ba; } + .um-admin-btn-toggle a.active:hover { + color: #0085ba; } + .um-admin-btn-toggle i { + margin: 0 5px 0 0 !important; + height: 100%; + color: #666; + position: relative; + top: 1px; } .um-admin-btn-content { - display: none; - padding: 5px 0 0 0; -} + display: none; + padding: 5px 0 0 0; } + .um-admin-btn-content p { + float: left; + margin-right: 10px !important; + padding: 0 !important; } + .um-admin-btn-content p.um-admin-conditions-notice { + width: 100%; + margin: 0 0 9px 0 !important; } + .um-admin-btn-content .um-admin-cur-condition:not(:last-child) { + margin: 0 0 5px 0; } -.um-admin-btn-content p { - float: left; - margin-right: 10px !important; - padding: 0 !important; -} +.um-admin-builder i { + font-size: 15px !important; + height: 100% !important; + line-height: 100% !important; + margin: 0 5px 0 0 !important; } -.um-admin-btn-content p.um-admin-conditions-notice { - width: 100%; - margin: 0 0 9px 0 !important; -} +.um-admin-builder .um-admin-drag { + margin-top: 40px; } -.um-admin-btn-content .um-admin-cur-condition:not(:last-child) { - margin: 0 0 5px 0; -} +.um-admin-drag-add-field { + display: block; + width: 100%; + height: 30px; + line-height: 30px; + text-align: center; + color: #aaa; + text-decoration: none; } + .um-admin-drag-add-field:hover { + color: #0085ba; } + .um-admin-drag-add-field i { + font-size: 23px !important; + margin: 0 !important; } -/* - - Buttons and Links -*/ -.um-admin-btns { - line-height: 1.5em; - margin: 0 0 5px 0; -} +.um-admin-drag-ctrls { + position: absolute; + top: -30px; + left: 0; } + .um-admin-drag-ctrls.um-admin-drag-ctrls-demo { + position: absolute; + right: 7px; + top: -30px; + left: auto; } + .um-admin-drag-ctrls a { + float: left; + margin: 0 5px 0 0; + height: 30px; + line-height: 30px; + background: #eee; + color: #888; + padding: 0 8px; + text-decoration: none; + border-radius: 2px 2px 0 0; } + .um-admin-drag-ctrls a:hover { + background-color: #e5e5e5; } + .um-admin-drag-ctrls a.active, .um-admin-drag-ctrls a.active:hover { + background-color: #0085ba; + color: #fff; } + .um-admin-drag-ctrls.columns a { + width: 30px !important; + background-image: url(../../img/builder/1-column.gif); + background-repeat: no-repeat; + background-position: center; } + .um-admin-drag-ctrls.columns a:nth-child(2) { + background-image: url(../../img/builder/2-columns.gif); } + .um-admin-drag-ctrls.columns a:last-child { + background-image: url(../../img/builder/3-columns.gif); } + .um-admin-drag-ctrls.columns a.active { + background-image: url(../../img/builder/1-column-active.gif); } + .um-admin-drag-ctrls.columns a.active:nth-child(2) { + background-image: url(../../img/builder/2-columns-active.gif); } + .um-admin-drag-ctrls.columns a.active:last-child { + background-image: url(../../img/builder/3-columns-active.gif); } -.um-admin-btns a { - margin: 0 3px 8px 0!important; - font-size: 12px !important; - display: inline-block !important; - position: relative; -} +.um-admin-drag { + width: 100%; + background: #f1f1f1; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + position: relative; + padding: 60px 20px 20px 20px; } -.um-admin-btns a.button.with-icon { - padding-right: 25px !important; -} -.um-admin-btns a span { - color: #aaa; - position: absolute !important; - width: 25px; - text-align: center; - right: 0; - top: 0; - font-size: 15px !important; -} +.um-admin-drag-row { + width: 100%; + background: #fefefe; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + position: relative; + padding: 60px 20px 20px 20px; + margin: 0 0 60px 0; } + .um-admin-drag-row:last-child { + margin-bottom: 0; } -.um-admin-btns a span.remove:before{ - font-family: "Ionicons" !important; - content: "\f128"; -} -.um-admin-btns a span:hover{color: #cb3838} +.um-admin-drag-row-icons { + position: absolute; + right: 0; + top: -30px; + height: 30px; } + .um-admin-drag-row-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-row-icons a:hover { + background: #008ec2; } + .um-admin-drag-row-icons span { + cursor: move !important; + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-row-icons span:hover { + background: #008ec2; } + .um-admin-drag-row-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } +.um-admin-drag-rowsub { + position: relative; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + background: #f1f1f1; + padding: 20px; + margin: 0 0 60px 0; } + .um-admin-drag-rowsub:last-child { + margin-bottom: 0; } + +.um-admin-drag-rowsub-icons { + position: absolute; + right: 0; + top: -30px; + height: 30px; } + .um-admin-drag-rowsub-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-rowsub-icons a:hover { + background: #008ec2; } + .um-admin-drag-rowsub-icons span { + cursor: move !important; + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-rowsub-icons span:hover { + background: #008ec2; } + .um-admin-drag-rowsub-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } + +.um-admin-drag-col { + float: left; + width: 100%; + background: #fff; + border: 1px dashed #bbb; + box-sizing: border-box; + padding: 20px; } + .um-admin-drag-col.cols-3 { + width: 32%; } + .um-admin-drag-col.cols-3.cols-last { + width: 32%; } + .um-admin-drag-col.cols-3.cols-middle { + width: 32%; + margin: 0 2%; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-title { + height: auto; + line-height: 18px; + margin: 10px; + margin-bottom: 0; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-type { + height: auto; + line-height: 18px; + margin: 0 0 10px 0; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons { + float: none; + position: absolute; + bottom: 0; + right: 0; + height: 30px; + display: none; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group { + float: left; + position: relative; + bottom: auto; + right: auto; + height: 30px; + display: block; } + .um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons { + display: block; } + .um-admin-drag-col.cols-1 { + width: 100%; } + .um-admin-drag-col.cols-1.cols-last { + width: 100%; } + .um-admin-drag-col.cols-2 { + width: 49%; + margin: 0 1% 0 0; } + .um-admin-drag-col.cols-2.cols-last { + width: 49%; + margin: 0 0 0 1%; } + .um-admin-drag-col > .um-admin-drag-fld:last-of-type { + margin-bottom: 20px; } + +.um-admin-drag-addrow { + text-align: center; + font-size: 14px; + color: #888; + cursor: pointer; + border: 1px dashed #bbb; + padding: 10px 0; + margin: 20px 0 0 0; } + .um-admin-drag-addrow i { + font-size: 23px !important; + margin: 0 !important; } + .um-admin-drag-addrow:hover { + color: #0085ba; } + +.um-admin-drag-fld { + display: block; + position: relative; + border: 1px solid #dddddd; + margin: 0 0 15px 0; + background: #f5f5f5; + cursor: move !important; } + .um-admin-drag-fld.um-field-type-group { + background: #555; + border: 0; } + +.um-admin-drag-fld-title { + float: left; + font-weight: bold; + font-size: 13px; + color: #666; + height: 30px; + line-height: 30px; + margin: 0 0 0 20px; } + .um-admin-drag-fld-title.um-field-type-group { + color: #fff; } + .um-admin-drag-fld-title i { + width: 24px; + display: inline-block; + text-align: center; } + +.um-admin-drag-group { + background: #fcfcfc; + cursor: default; + padding: 20px; + border: 1px dashed #bbb; } + +.um-admin-drag-fld-type { + float: left; + font-size: 13px; + height: 30px; + line-height: 30px; + margin: 0 0 0 20px; + font-weight: 400; + color: #999; } + .um-admin-drag-fld-type.um-field-type-group { + color: #fff; } + +.um-admin-drag-fld-icons { + float: right; } + .um-admin-drag-fld-icons a { + text-decoration: none; + color: #fff; + width: 40px; + height: 30px; + line-height: 30px; + text-align: center; + display: block !important; + float: left; + background: #0085ba; + padding: 0 4px; + transition: all .2s linear; + border-left: 1px solid #379dd5; } + .um-admin-drag-fld-icons a:hover { + background: #008ec2; } + .um-admin-drag-fld-icons i { + font-size: 18px !important; + margin: 0 !important; + top: 2px; + position: relative; } + .um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field { + display: none !important; } + +.um-row-placeholder { + width: 100%; + border: 2px dashed #aaa; + box-sizing: border-box; } + +.um-rowsub-placeholder { + width: 100%; + border: 2px dashed #ccc; + box-sizing: border-box; + display: block; } + +.um-fld-placeholder { + display: block; + border: 1px dashed #ddd; + background: #fff; + box-sizing: border-box; + width: 100%; } + +.um-admin-modal #UM_preview_form .um-admin-modal-body { + position: relative; } + .um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(255, 255, 255, 0); + z-index: 100; } diff --git a/assets/css/admin/builder.min.css b/assets/css/admin/builder.min.css index 300b3052..51a4e8ef 100644 --- a/assets/css/admin/builder.min.css +++ b/assets/css/admin/builder.min.css @@ -1 +1 @@ -@-webkit-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.um-admin a.um-admin-activebg,.um-admin a.um-admin-activebg:hover{background:#0085ba;color:#fff}.um-admin-builder *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale}.um-admin-builder i{font-size:15px!important;height:100%!important;line-height:100%!important;margin:0 5px 0 0!important}.um-admin-builder .um-admin-drag{margin-top:40px}.um-admin-drag-add-field{display:block;width:100%;height:30px;line-height:30px;text-align:center;color:#aaa;text-decoration:none}.um-admin-drag-add-field:hover{color:#0085ba}.um-admin-drag-add-field i{font-size:23px!important;margin:0!important}.um-admin-drag-ctrls-demo.um-admin-drag-ctrls{position:absolute;right:7px;top:-30px;left:auto}.um-admin-drag-ctrls{position:absolute;top:-30px;left:0}.um-admin-drag-ctrls a{float:left;margin:0 5px 0 0;height:30px;line-height:30px;background:#eee;color:#888;padding:0 8px;text-decoration:none;border-radius:2px 2px 0 0}.um-admin-drag-ctrls a:hover{background-color:#e5e5e5}.um-admin-drag-ctrls a.active,.um-admin-drag-ctrls a.active:hover{background-color:#0085ba;color:#fff}.um-admin-drag-ctrls.columns a{width:30px!important;background-image:url(../../img/builder/1-column.gif);background-repeat:no-repeat;background-position:center}.um-admin-drag-ctrls.columns a:nth-child(2){background-image:url(../../img/builder/2-columns.gif)}.um-admin-drag-ctrls.columns a:last-child{background-image:url(../../img/builder/3-columns.gif)}.um-admin-drag-ctrls.columns a.active{background-image:url(../../img/builder/1-column-active.gif)}.um-admin-drag-ctrls.columns a.active:nth-child(2){background-image:url(../../img/builder/2-columns-active.gif)}.um-admin-drag-ctrls.columns a.active:last-child{background-image:url(../../img/builder/3-columns-active.gif)}.um-admin-drag{width:100%;background:#f1f1f1;box-sizing:border-box;position:relative;padding:60px 20px 20px 20px}.um-admin-drag-row{width:100%;background:#fefefe;box-sizing:border-box;position:relative;padding:60px 20px 20px 20px;margin:0 0 60px 0;position:relative}.um-admin-drag-row:last-child{margin-bottom:0}.um-admin-drag-row-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-rowsub{position:relative;box-sizing:border-box;background:#f1f1f1;padding:20px;margin:0 0 60px 0}.um-admin-drag-rowsub:last-child{margin-bottom:0}.um-admin-drag-rowsub-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-col{float:left;width:100%;background:#fff;border:1px dashed #bbb;box-sizing:border-box;padding:20px}.um-admin-drag-col.cols-3{width:32%}.um-admin-drag-col.cols-3.cols-last{width:32%}.um-admin-drag-col.cols-3.cols-middle{width:32%;margin:0 2%}.um-admin-drag-col.cols-1{width:100%}.um-admin-drag-col.cols-1.cols-last{width:100%}.um-admin-drag-col.cols-2{width:49%;margin:0 1% 0 0}.um-admin-drag-col.cols-2.cols-last{width:49%;margin:0 0 0 1%}.um-admin-drag-addrow{text-align:center;font-size:14px;color:#888;cursor:pointer;border:1px dashed #bbb;padding:10px 0;margin:20px 0 0 0}.um-admin-drag-addrow i{font-size:23px!important;margin:0!important}.um-admin-drag-addrow:hover{color:#0085ba}.um-admin-drag-fld{display:block;position:relative;border:1px solid #ddd;margin:0 0 15px 0;background:#f5f5f5;cursor:move!important}.um-admin-drag-fld-title i{width:24px;display:inline-block;text-align:center}.um-admin-drag-fld.um-field-type-group{background:#555;border:0}.um-admin-drag-fld-title.um-field-type-group,.um-admin-drag-fld-type.um-field-type-group{color:#fff}.um-admin-drag-group{background:#fcfcfc;cursor:default;padding:20px;border:1px dashed #bbb}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group{float:left;position:relative;bottom:auto;right:auto;height:30px;display:block}.um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field{display:none!important}.um-admin-drag-fld-title,.um-admin-drag-fld-type{float:left;font-weight:700;font-size:13px;color:#666;height:30px;line-height:30px;margin:0 0 0 20px}.um-admin-drag-fld-type{font-weight:400;color:#999}.um-admin-drag-fld-icons{float:right}.um-admin-drag-col.cols-3 .um-admin-drag-fld-title,.um-admin-drag-col.cols-3 .um-admin-drag-fld-type{height:auto;line-height:18px;margin:10px;margin-bottom:0}.um-admin-drag-col.cols-3 .um-admin-drag-fld-type{margin:10px}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons{float:none;position:absolute;bottom:0;right:0;height:30px;display:none}.um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons{display:block}.um-admin-drag-fld-icons a,.um-admin-drag-row-icons a,.um-admin-drag-row-icons span,.um-admin-drag-rowsub-icons a,.um-admin-drag-rowsub-icons span{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-row-icons span,.um-admin-drag-rowsub-icons span{cursor:move!important}.um-admin-drag-fld-icons a:hover,.um-admin-drag-row-icons a:hover,.um-admin-drag-row-icons span:hover,.um-admin-drag-rowsub-icons a:hover,.um-admin-drag-rowsub-icons span:hover{background:#008ec2}.um-admin-drag-fld-icons i,.um-admin-drag-row-icons i,.um-admin-drag-rowsub-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-row-loading{position:absolute;width:100%;height:calc(100% + 30px);top:-30px;left:0;background:rgba(241,241,241,.6);z-index:999;display:none}.um-admin-row-loading>span{display:block;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-ms-transition:.1s opacity;-o-transition:.1s opacity;transition:.1s opacity;color:#c6c6c6!important;-webkit-animation:um-ajax-spinning 1.1s infinite linear;animation:um-ajax-spinning 1.1s infinite linear;border-top:.2em solid #000;border-right:.2em solid #000;border-bottom:.2em solid #000;border-left:.2em solid #c6c6c6;font-size:1.75em;-ms-transform:translateZ(0);transform:translateZ(0);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;outline:0;padding:0;vertical-align:baseline;position:absolute;left:50%;top:50%}.um-row-placeholder{width:100%;border:2px dashed #aaa;box-sizing:border-box}.um-rowsub-placeholder{width:100%;border:2px dashed #ccc;box-sizing:border-box;display:block}.um-fld-placeholder{display:block;border:1px dashed #ddd;background:#fff;box-sizing:border-box;width:100%}.um-admin-preview-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0);z-index:100}#UM_preview_form .um-admin-modal-body{position:relative}.um-admin-half{float:left;width:48%}.um-admin-tri{float:left;width:33%}.um-admin-left{float:left}.um-admin-right{float:right}.um-admin-boxed-links{width:100%;text-align:center}.um-admin-boxed-links a{width:33.3%;float:left;border-left:1px solid #fff;border-right:1px solid #fff;padding:30px 25px!important;background:#f8f8f8;text-align:center;display:inline-block!important;font-size:14px;transition:all .2s linear;text-decoration:none;color:#666;margin:0!important;box-sizing:border-box!important;border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:600}.um-admin-boxed-links i{font-size:28px;vertical-align:middle;margin:0 10px 0 0}.um-admin-boxed-links a:hover{background:#eee}.um-admin-error-block,.um-admin-success-block{display:none;width:100%;background:#c74a4a;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:13px;line-height:1em!important;margin:0 0 16px 0}.um-admin-success-block{background:#7acf58}.um-admin-cur-condition-template{display:none}.dynamic-mce-content{display:none}.um-admin-btn-toggle{padding:10px 0}.um-admin-btn-toggle p{margin:0 5px 0 0!important}.um-admin-btn-toggle p.um-admin-reset-conditions{margin:0 0 5px 0!important}.um-admin-btn-toggle a{text-decoration:none;color:#999}.um-admin-btn-toggle a.active,.um-admin-btn-toggle a.active:hover{color:#0085ba}.um-admin-btn-toggle i{margin:0 5px 0 0!important;height:100%;color:#666;position:relative;top:1px}.um-admin-btn-content{display:none;padding:5px 0 0 0}.um-admin-btn-content p{float:left;margin-right:10px!important;padding:0!important}.um-admin-btn-content p.um-admin-conditions-notice{width:100%;margin:0 0 9px 0!important}.um-admin-btn-content .um-admin-cur-condition:not(:last-child){margin:0 0 5px 0}.um-admin-btns{line-height:1.5em;margin:0 0 5px 0}.um-admin-btns a{margin:0 3px 8px 0!important;font-size:12px!important;display:inline-block!important;position:relative}.um-admin-btns a.button.with-icon{padding-right:25px!important}.um-admin-btns a span{color:#aaa;position:absolute!important;width:25px;text-align:center;right:0;top:0;font-size:15px!important}.um-admin-btns a span.remove:before{font-family:Ionicons!important;content:"\f128"}.um-admin-btns a span:hover{color:#cb3838} \ No newline at end of file +@-webkit-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes um-ajax-spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.um-admin-row-loading{position:absolute;width:100%;height:calc(100% + 30px);top:-30px;left:0;background:rgba(241,241,241,.6);z-index:999;display:none}.um-admin-row-loading>span{display:block;-webkit-transition:.1s opacity;-moz-transition:.1s opacity;-ms-transition:.1s opacity;-o-transition:.1s opacity;transition:.1s opacity;color:#c6c6c6!important;-webkit-animation:um-ajax-spinning 1.1s infinite linear;animation:um-ajax-spinning 1.1s infinite linear;border-top:.2em solid #000;border-right:.2em solid #000;border-bottom:.2em solid #000;border-left:.2em solid #c6c6c6;font-size:1.75em;-ms-transform:translateZ(0);transform:translateZ(0);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;outline:0;padding:0;vertical-align:baseline;position:absolute;left:50%;top:50%}.um-admin-boxed-links{width:100%;text-align:center}.um-admin-boxed-links a{width:33.3%;float:left;border-left:1px solid #fff;border-right:1px solid #fff;padding:30px 25px!important;background:#f8f8f8;text-align:center;display:inline-block!important;font-size:14px;transition:all .2s linear;text-decoration:none;color:#666;margin:0!important;box-sizing:border-box!important;border-radius:2px;font-weight:600}.um-admin-boxed-links a:hover{background:#eee}.um-admin-boxed-links a.um-admin-activebg{background:#0085ba;color:#fff}.um-admin-boxed-links a.um-admin-activebg:hover{background:#0085ba;color:#fff}.um-admin-boxed-links i{font-size:28px;vertical-align:middle;margin:0 10px 0 0}.um-admin-half{float:left;width:48%}.um-admin-half select{box-sizing:border-box}.um-admin-half.um-admin-right{float:right}.um-admin-half p:first-child{margin-top:0}.um-admin-tri{float:left;width:33%;position:relative}.um-admin-error-block,.um-admin-success-block{display:none;width:100%;background:#c74a4a;border-radius:3px;color:#fff;box-sizing:border-box;position:relative;padding:12px;font-size:13px;line-height:1em!important;margin:0 0 16px 0}.um-admin-success-block{background:#7acf58}.um-admin-cur-condition-template{display:none}.dynamic-mce-content{display:none}.um-admin-btns{line-height:1.5em;margin:0 0 5px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;flex-wrap:wrap}.um-admin-btns .um-no-custom-fields{margin:0}.um-admin-btns a{margin:0 3px 8px 0!important;font-size:12px!important;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;display:flex!important}.um-admin-btns a.with-icon span{color:#aaa;font-size:15px!important;padding-left:5px;height:auto;width:auto}.um-admin-btns a.with-icon:hover span{color:#cb3838}.um-admin-btn-toggle{padding:10px 0}.um-admin-btn-toggle p{margin:0 5px 0 0!important}.um-admin-btn-toggle p.um-admin-reset-conditions a{margin-bottom:5px}.um-admin-btn-toggle a{text-decoration:none;color:#999}.um-admin-btn-toggle a.um-admin-new-condition{margin-bottom:5px}.um-admin-btn-toggle a.active{color:#0085ba}.um-admin-btn-toggle a.active:hover{color:#0085ba}.um-admin-btn-toggle i{margin:0 5px 0 0!important;height:100%;color:#666;position:relative;top:1px}.um-admin-btn-content{display:none;padding:5px 0 0 0}.um-admin-btn-content p{float:left;margin-right:10px!important;padding:0!important}.um-admin-btn-content p.um-admin-conditions-notice{width:100%;margin:0 0 9px 0!important}.um-admin-btn-content .um-admin-cur-condition:not(:last-child){margin:0 0 5px 0}.um-admin-builder i{font-size:15px!important;height:100%!important;line-height:100%!important;margin:0 5px 0 0!important}.um-admin-builder .um-admin-drag{margin-top:40px}.um-admin-drag-add-field{display:block;width:100%;height:30px;line-height:30px;text-align:center;color:#aaa;text-decoration:none}.um-admin-drag-add-field:hover{color:#0085ba}.um-admin-drag-add-field i{font-size:23px!important;margin:0!important}.um-admin-drag-ctrls{position:absolute;top:-30px;left:0}.um-admin-drag-ctrls.um-admin-drag-ctrls-demo{position:absolute;right:7px;top:-30px;left:auto}.um-admin-drag-ctrls a{float:left;margin:0 5px 0 0;height:30px;line-height:30px;background:#eee;color:#888;padding:0 8px;text-decoration:none;border-radius:2px 2px 0 0}.um-admin-drag-ctrls a:hover{background-color:#e5e5e5}.um-admin-drag-ctrls a.active,.um-admin-drag-ctrls a.active:hover{background-color:#0085ba;color:#fff}.um-admin-drag-ctrls.columns a{width:30px!important;background-image:url(../../img/builder/1-column.gif);background-repeat:no-repeat;background-position:center}.um-admin-drag-ctrls.columns a:nth-child(2){background-image:url(../../img/builder/2-columns.gif)}.um-admin-drag-ctrls.columns a:last-child{background-image:url(../../img/builder/3-columns.gif)}.um-admin-drag-ctrls.columns a.active{background-image:url(../../img/builder/1-column-active.gif)}.um-admin-drag-ctrls.columns a.active:nth-child(2){background-image:url(../../img/builder/2-columns-active.gif)}.um-admin-drag-ctrls.columns a.active:last-child{background-image:url(../../img/builder/3-columns-active.gif)}.um-admin-drag{width:100%;background:#f1f1f1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;padding:60px 20px 20px 20px}.um-admin-drag-row{width:100%;background:#fefefe;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;padding:60px 20px 20px 20px;margin:0 0 60px 0}.um-admin-drag-row:last-child{margin-bottom:0}.um-admin-drag-row-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-row-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-row-icons a:hover{background:#008ec2}.um-admin-drag-row-icons span{cursor:move!important;text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-row-icons span:hover{background:#008ec2}.um-admin-drag-row-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-rowsub{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f1f1f1;padding:20px;margin:0 0 60px 0}.um-admin-drag-rowsub:last-child{margin-bottom:0}.um-admin-drag-rowsub-icons{position:absolute;right:0;top:-30px;height:30px}.um-admin-drag-rowsub-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-rowsub-icons a:hover{background:#008ec2}.um-admin-drag-rowsub-icons span{cursor:move!important;text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-rowsub-icons span:hover{background:#008ec2}.um-admin-drag-rowsub-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-col{float:left;width:100%;background:#fff;border:1px dashed #bbb;box-sizing:border-box;padding:20px}.um-admin-drag-col.cols-3{width:32%}.um-admin-drag-col.cols-3.cols-last{width:32%}.um-admin-drag-col.cols-3.cols-middle{width:32%;margin:0 2%}.um-admin-drag-col.cols-3 .um-admin-drag-fld-title{height:auto;line-height:18px;margin:10px;margin-bottom:0}.um-admin-drag-col.cols-3 .um-admin-drag-fld-type{height:auto;line-height:18px;margin:0 0 10px 0}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons{float:none;position:absolute;bottom:0;right:0;height:30px;display:none}.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group{float:left;position:relative;bottom:auto;right:auto;height:30px;display:block}.um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons{display:block}.um-admin-drag-col.cols-1{width:100%}.um-admin-drag-col.cols-1.cols-last{width:100%}.um-admin-drag-col.cols-2{width:49%;margin:0 1% 0 0}.um-admin-drag-col.cols-2.cols-last{width:49%;margin:0 0 0 1%}.um-admin-drag-col>.um-admin-drag-fld:last-of-type{margin-bottom:20px}.um-admin-drag-addrow{text-align:center;font-size:14px;color:#888;cursor:pointer;border:1px dashed #bbb;padding:10px 0;margin:20px 0 0 0}.um-admin-drag-addrow i{font-size:23px!important;margin:0!important}.um-admin-drag-addrow:hover{color:#0085ba}.um-admin-drag-fld{display:block;position:relative;border:1px solid #ddd;margin:0 0 15px 0;background:#f5f5f5;cursor:move!important}.um-admin-drag-fld.um-field-type-group{background:#555;border:0}.um-admin-drag-fld-title{float:left;font-weight:700;font-size:13px;color:#666;height:30px;line-height:30px;margin:0 0 0 20px}.um-admin-drag-fld-title.um-field-type-group{color:#fff}.um-admin-drag-fld-title i{width:24px;display:inline-block;text-align:center}.um-admin-drag-group{background:#fcfcfc;cursor:default;padding:20px;border:1px dashed #bbb}.um-admin-drag-fld-type{float:left;font-size:13px;height:30px;line-height:30px;margin:0 0 0 20px;font-weight:400;color:#999}.um-admin-drag-fld-type.um-field-type-group{color:#fff}.um-admin-drag-fld-icons{float:right}.um-admin-drag-fld-icons a{text-decoration:none;color:#fff;width:40px;height:30px;line-height:30px;text-align:center;display:block!important;float:left;background:#0085ba;padding:0 4px;transition:all .2s linear;border-left:1px solid #379dd5}.um-admin-drag-fld-icons a:hover{background:#008ec2}.um-admin-drag-fld-icons i{font-size:18px!important;margin:0!important;top:2px;position:relative}.um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field{display:none!important}.um-row-placeholder{width:100%;border:2px dashed #aaa;box-sizing:border-box}.um-rowsub-placeholder{width:100%;border:2px dashed #ccc;box-sizing:border-box;display:block}.um-fld-placeholder{display:block;border:1px dashed #ddd;background:#fff;box-sizing:border-box;width:100%}.um-admin-modal #UM_preview_form .um-admin-modal-body{position:relative}.um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0);z-index:100} \ No newline at end of file diff --git a/assets/css/admin/builder.sass b/assets/css/admin/builder.sass new file mode 100644 index 00000000..3e92d73d --- /dev/null +++ b/assets/css/admin/builder.sass @@ -0,0 +1,544 @@ +@import "selectors" +@import "mixins" +@import "colors" + ++keyframes(um-ajax-spinning) + 0% + -webkit-transform: rotate(0deg) + transform: rotate(0deg) + 100% + -webkit-transform: rotate(360deg) + transform: rotate(360deg) + +.#{$prefix}admin-row-loading + position: absolute + width: 100% + height: calc( 100% + 30px ) + top: -30px + left: 0 + background: rgba(241, 241, 241, 0.6) + z-index: 999 + display: none + & > span + display: block + -webkit-transition: 0.1s opacity + -moz-transition: 0.1s opacity + -ms-transition: 0.1s opacity + -o-transition: 0.1s opacity + transition: 0.1s opacity + color: #c6c6c6 !important + -webkit-animation: um-ajax-spinning 1.1s infinite linear + animation: um-ajax-spinning 1.1s infinite linear + border-top: 0.2em solid rgba(0, 0, 0, 1) + border-right: 0.2em solid rgba(0, 0, 0, 1) + border-bottom: 0.2em solid rgba(0, 0, 0, 1) + border-left: 0.2em solid #c6c6c6 + font-size: 1.75em + filter: alpha(opacity=0) + -ms-transform: translateZ(0) + transform: translateZ(0) + border-radius: 50% + width: 40px + height: 40px + margin: -20px 0 0 -20px + outline: 0 + padding: 0 + vertical-align: baseline + position: absolute + left: 50% + top: 50% + +.#{$prefix}admin-boxed-links + width: 100% + text-align: center + a + width: 33.3% + float: left + border-left: 1px solid #fff + border-right: 1px solid #fff + padding: 30px 25px !important + background: #f8f8f8 + text-align: center + display: inline-block !important + font-size: 14px + transition: all .2s linear + text-decoration: none + color: #666 + margin: 0 !important + box-sizing: border-box !important + border-radius: 2px + font-weight: 600 + &:hover + background: #eee + &.#{$prefix}admin-activebg + background: #{$um-base} + color: #fff + &:hover + background: #{$um-base} + color: #fff + i + font-size: 28px + vertical-align: middle + margin: 0 10px 0 0 + +// Form columns inside the Modal +.#{$prefix}admin-half + float: left + width: 48% + select + box-sizing: border-box + &.#{$prefix}admin-right + float: right + p:first-child + margin-top: 0 +.#{$prefix}admin-tri + float: left + width: 33% + position: relative + + +.#{$prefix}admin-error-block, +.#{$prefix}admin-success-block + display: none + width: 100% + background: #{$admin-warning} + border-radius: 3px + color: #fff + box-sizing: border-box + position: relative + padding: 12px + font-size: 13px + line-height: 1em !important + margin: 0 0 16px 0 + +.#{$prefix}admin-success-block + background: #{$admin-ok} + +.#{$prefix}admin-cur-condition-template + display: none + +.dynamic-mce-content + display: none + +.#{$prefix}admin-btns + line-height: 1.5em + margin: 0 0 5px 0 + +flex( row, flex-start, baseline, wrap ) + .#{$prefix}no-custom-fields + margin: 0 + a + margin: 0 3px 8px 0 !important + font-size: 12px !important + +flex( row, flex-start, center, nowrap ) + display: flex !important + &.with-icon + span + color: #aaa + font-size: 15px !important + padding-left: 5px + height: auto + width: auto + &:hover + span + color: #cb3838 + +// Field modal on the form builder + +.#{$prefix}admin-btn-toggle + padding: 10px 0 + p + margin: 0 5px 0 0 !important + &.#{$prefix}admin-reset-conditions + a + margin-bottom: 5px + a + text-decoration: none + color: #999 + &.#{$prefix}admin-new-condition + margin-bottom: 5px + &.active + color: #0085ba + &:hover + color: #0085ba + + i + margin: 0 5px 0 0 !important + height: 100% + color: #666 + position: relative + top: 1px + +.#{$prefix}admin-btn-content + display: none + padding: 5px 0 0 0 + + p + float: left + margin-right: 10px !important + padding: 0 !important + + &.#{$prefix}admin-conditions-notice + width: 100% + margin: 0 0 9px 0 !important + + .#{$prefix}admin-cur-condition:not(:last-child) + margin: 0 0 5px 0 + +.#{$prefix}admin-builder + i + font-size: 15px !important + height: 100% !important + line-height: 100% !important + margin: 0 5px 0 0 !important + + .#{$prefix}admin-drag + margin-top: 40px + + +.#{$prefix}admin-drag-add-field + display: block + width: 100% + height: 30px + line-height: 30px + text-align: center + color: #aaa + text-decoration: none + &:hover + color: #{$um-base} + i + font-size: 23px !important + margin: 0 !important + + +.#{$prefix}admin-drag-ctrls + position: absolute + top: -30px + left: 0 + &.#{$prefix}admin-drag-ctrls-demo + position: absolute + right: 7px + top: -30px + left: auto + + a + float: left + margin: 0 5px 0 0 + height: 30px + line-height: 30px + background: #eee + color: #888 + padding: 0 8px + text-decoration: none + border-radius: 2px 2px 0 0 + + &:hover + background-color: #e5e5e5 + + &.active, + &.active:hover + background-color: #{$um-base} + color: #fff + + &.columns + a + width: 30px !important + background-image: url(../../img/builder/1-column.gif) + background-repeat: no-repeat + background-position: center + &:nth-child(2) + background-image: url(../../img/builder/2-columns.gif) + &:last-child + background-image: url(../../img/builder/3-columns.gif) + + &.active + background-image: url(../../img/builder/1-column-active.gif) + &:nth-child(2) + background-image: url(../../img/builder/2-columns-active.gif) + &:last-child + background-image: url(../../img/builder/3-columns-active.gif) + +.#{$prefix}admin-drag + width: 100% + background: #{$wp-background} + +border-box + position: relative + padding: 60px 20px 20px 20px + +.#{$prefix}admin-drag-row + width: 100% + background: #fefefe + +border-box + position: relative + padding: 60px 20px 20px 20px + margin: 0 0 60px 0 + &:last-child + margin-bottom: 0 + +.#{$prefix}admin-drag-row-icons + position: absolute + right: 0 + top: -30px + height: 30px + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + span + cursor: move !important + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + +.#{$prefix}admin-drag-rowsub + position: relative + +border-box + background: #{$wp-background} + padding: 20px + margin: 0 0 60px 0 + &:last-child + margin-bottom: 0 + +.#{$prefix}admin-drag-rowsub-icons + position: absolute + right: 0 + top: -30px + height: 30px + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + span + cursor: move !important + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + + +.#{$prefix}admin-drag-col + float: left + width: 100% + background: #fff + border: 1px dashed #bbb + box-sizing: border-box + padding: 20px + + &.cols-3 + width: 32% + &.cols-last + width: 32% + &.cols-middle + width: 32% + margin: 0 2% + .#{$prefix}admin-drag-fld-title + height: auto + line-height: 18px + margin: 10px + margin-bottom: 0 + .#{$prefix}admin-drag-fld-type + height: auto + line-height: 18px + margin: 0 0 10px 0 + .#{$prefix}admin-drag-fld-icons + float: none + position: absolute + bottom: 0 + right: 0 + height: 30px + display: none + &.#{$prefix}field-type-group + float: left + position: relative + bottom: auto + right: auto + height: 30px + display: block + .#{$prefix}admin-drag-fld:hover + .#{$prefix}admin-drag-fld-icons + display: block + + &.cols-1 + width: 100% + &.cols-last + width: 100% + + &.cols-2 + width: 49% + margin: 0 1% 0 0 + &.cols-last + width: 49% + margin: 0 0 0 1% + + & > .#{$prefix}admin-drag-fld:last-of-type + margin-bottom: 20px + +.#{$prefix}admin-drag-addrow + text-align: center + font-size: 14px + color: #888 + cursor: pointer + border: 1px dashed #bbb + padding: 10px 0 + margin: 20px 0 0 0 + + i + font-size: 23px !important + margin: 0 !important + &:hover + color: #{$um-base} + + +.#{$prefix}admin-drag-fld + display: block + position: relative + border: 1px solid #dddddd + margin: 0 0 15px 0 + background: #f5f5f5 + cursor: move !important + &.#{$prefix}field-type-group + background: #555 + border: 0 + +.#{$prefix}admin-drag-fld-title + float: left + font-weight: bold + font-size: 13px + color: #666 + height: 30px + line-height: 30px + margin: 0 0 0 20px + &.um-field-type-group + color: #fff + i + width: 24px + display: inline-block + text-align: center + +.#{$prefix}admin-drag-group + background: #fcfcfc + cursor: default + padding: 20px + border: 1px dashed #bbb + +.#{$prefix}admin-drag-fld-type + float: left + font-size: 13px + height: 30px + line-height: 30px + margin: 0 0 0 20px + font-weight: 400 + color: #999 + &.um-field-type-group + color: #fff + + +.#{$prefix}admin-drag-fld-icons + float: right + a + text-decoration: none + color: #fff + width: 40px + height: 30px + line-height: 30px + text-align: center + display: block !important + float: left + background: #{$um-base} + padding: 0 4px + transition: all .2s linear + border-left: 1px solid #379dd5 + &:hover + background: #{$um-base-hover} + i + font-size: 18px !important + margin: 0 !important + top: 2px + position: relative + &.#{$prefix}field-type-group + a.um_admin_duplicate_field + display: none !important + + +.#{$prefix}row-placeholder + width: 100% + border: 2px dashed #aaa + box-sizing: border-box + +.#{$prefix}rowsub-placeholder + width: 100% + border: 2px dashed #ccc + box-sizing: border-box + display: block + +.#{$prefix}fld-placeholder + display: block + border: 1px dashed #ddd + background: #fff + box-sizing: border-box + width: 100% + +.#{$prefix}admin-modal + #UM_preview_form + .#{$prefix}admin-modal-body + position: relative + .#{$prefix}admin-preview-overlay + position: absolute + top: 0 + bottom: 0 + left: 0 + right: 0 + background-color: rgba(255,255,255,0) + z-index: 100 diff --git a/assets/css/admin/forms.css b/assets/css/admin/forms.css index 6ed1bcb7..43945840 100644 --- a/assets/css/admin/forms.css +++ b/assets/css/admin/forms.css @@ -1,548 +1,457 @@ +.um-form-table .um-forms-line[data-conditional] { + display: none; } + +.um-form-table .um-forms-line[data-field_type="checkbox"] td label { + font-style: italic; } + +.um-form-table .um-forms-line label .um-req { + color: #a00; + margin: 0 0 0 3px; + font-weight: normal; } + +.um-form-table .um-forms-line .um-text-delete { + color: #a00; + float: left; } + .um-form-table .um-forms-line .um-text-delete:hover { + color: red; } + +.um-form-table .um-forms-line .um-multi-text-add-option { + margin-bottom: 14px; } + +.um-form-table .um-forms-line .icon_preview { + display: none; + max-width: 200px; + max-height: 200px; + padding: 5px; + cursor: pointer; + border: 1px solid #e3e3e3; + background: #f7f7f7; + border-radius: 3px; + height: auto; + width: auto !important; } + +.um-form-table .um-forms-line td .um-same-page-update-wrapper { + display: none; + margin: 7px 0 0 0; } + .um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update { + margin: 7px 0 0 0; } + .um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log { + margin: 7px 0 0 0; + width: 100%; + height: 150px; + overflow: auto; + border: 1px solid #a1a1a1; } + +.um-form-table .um-forms-line td .select2 { + margin: 1px 0 0 0; } + .um-form-table .um-forms-line td .select2 .select2-selection__rendered { + line-height: 26px; } + .um-form-table .um-forms-line td .select2 .select2-selection__clear { + top: -1px; + margin-right: 0; } + +.um-form-table .um-forms-line[data-field_type="same_page_update"] { + vertical-align: baseline; } + .um-form-table .um-forms-line[data-field_type="same_page_update"] th, + .um-form-table .um-forms-line[data-field_type="same_page_update"] td { + vertical-align: baseline; } + .um-form-table.um-third-column .um-forms-line th { - width: 33%; -} + width: 33%; } .um-form-table.um-half-column .um-forms-line th { - width: 50%; -} + width: 50%; } .um-form-table.um-two-thirds-column .um-forms-line th { - width: 83%; -} + width: 83%; } .um-form-table.um-top-label .um-forms-line td { - padding: 0 0 15px 0; -} - -.um-form-table.um-top-label .um-forms-line td label { + padding: 0 0 15px 0; } + .um-form-table.um-top-label .um-forms-line td label { margin: 0 0 5px 0; - display: inline-block; -} + display: inline-block; } .um-form-table.um-top-label .um-forms-line[data-field_type="icon"] td label { - width: 100%; - display: block; - margin: 0 0 5px 0; -} + width: 100%; + display: block; + margin: 0 0 5px 0; } + +.um-form-table .description { + font-style: italic; + clear: both; } .um_admin_fonticon_wrapper { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: flex-start; - align-items: center; -} - -.um-admin-icon-value { - line-height: 1; -} - -.um_admin_fonticon_wrapper .um-admin-icon-value i { - top: 0; -} - -input[type=text].um-forms-field.um-long-field, -select.um-forms-field.um-long-field, -textarea.um-forms-field.um-long-field { - width:100% !important; -} - -input[type=text].um-forms-field.um-medium-field, -select.um-forms-field.um-medium-field, -textarea.um-forms-field.um-medium-field { - width:50% !important; -} - -input[type=text].um-forms-field.um-small-field, -select.um-forms-field.um-small-field, -textarea.um-forms-field.um-small-field { - width:25% !important; -} + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; } + .um_admin_fonticon_wrapper .um-admin-icon-value { + line-height: 1; } + .um_admin_fonticon_wrapper .um-admin-icon-value i { + top: 0; } +input[type="text"].um-forms-field, +input[type="url"].um-forms-field, +input[type="number"].um-forms-field, +input[type="date"].um-forms-field, +input[type="time"].um-forms-field, +input[type="password"].um-forms-field, +select.um-forms-field, +textarea.um-forms-field { + box-sizing: border-box; } + input[type="text"].um-forms-field.um-long-field, + input[type="url"].um-forms-field.um-long-field, + input[type="number"].um-forms-field.um-long-field, + input[type="date"].um-forms-field.um-long-field, + input[type="time"].um-forms-field.um-long-field, + input[type="password"].um-forms-field.um-long-field, + select.um-forms-field.um-long-field, + textarea.um-forms-field.um-long-field { + width: 100% !important; } + input[type="text"].um-forms-field.um-medium-field, + input[type="url"].um-forms-field.um-medium-field, + input[type="number"].um-forms-field.um-medium-field, + input[type="date"].um-forms-field.um-medium-field, + input[type="time"].um-forms-field.um-medium-field, + input[type="password"].um-forms-field.um-medium-field, + select.um-forms-field.um-medium-field, + textarea.um-forms-field.um-medium-field { + width: 50% !important; } + input[type="text"].um-forms-field.um-small-field, + input[type="url"].um-forms-field.um-small-field, + input[type="number"].um-forms-field.um-small-field, + input[type="date"].um-forms-field.um-small-field, + input[type="time"].um-forms-field.um-small-field, + input[type="password"].um-forms-field.um-small-field, + select.um-forms-field.um-small-field, + textarea.um-forms-field.um-small-field { + width: 25% !important; } +input[type="number"].um-forms-field { + padding-right: 0; } .um-multi-text-list, .um-multi-selects-list, .um-md-default-filters-list { - float: left; - width:100%; - margin: 0 0 10px 0; -} + float: left; + width: 100%; + margin: 0 0 10px 0; } .um-hidden-multi-text, .um-hidden-multi-selects, .um-hidden-md-default-filters { - display: none !important; -} - -.um-multi-text-option-line, -.um-multi-selects-option-line, -.um-md-default-filters-option-line { - float:left; - width:100%; - margin: 0; - padding: 0; - clear:both; -} + display: none !important; } .um-md-default-filters-option-line { - border-bottom: 1px solid #eee; - padding: 0 0 5px 0; - margin: 5px 0 0 0; -} - -.um-md-default-filters-option-line .um.um-field-wrapper2 { - margin: 5px 0 0 0; -} - -.um-multi-selects-option-line.um-admin-drag-fld { - background: none; - border: none; - display: flex; - flex-direction: row; - justify-content: flex-start; - align-items: center; - flex-wrap: nowrap; -} - -.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon { + float: left; + width: 100%; + clear: both; + border-bottom: 1px solid #eee; + padding: 0 0 5px 0; + margin: 5px 0 0 0; } + .um-md-default-filters-option-line .um-field-wrapper { float: left; - width: 20px; - text-align: left; + width: calc( 100% - 60px); line-height: 30px; -} - -.um-multi-selects-option-line .um-field-wrapper { - float:left; - width: calc( 100% - 60px ); - line-height: 30px; - box-sizing: border-box; -} - -.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields { - margin: 5px 0 0 0; -} - -.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label { - float:left; - width: 100%; - line-height: 30px; - box-sizing: border-box; - margin: 0 !important; - padding: 0 !important; - font-weight: bold; - display: flex; - flex-direction: row; - flex-wrap: nowrap; - justify-content: space-between; - align-items: baseline; -} - -.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type="text"] { - width: auto; - display: inline; - font-weight: normal; - max-width: 70%; - flex: 0.9; -} - -.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select{ - width: auto; - display: inline; - font-weight: normal; - max-width: 70%; - flex: 0.9; -} - -.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper { - width: calc( 100% - 90px ); -} - -.um-multi-text-option-line .um-field-wrapper { - float:left; - width: calc( 100% - 90px ); - line-height: 30px; - box-sizing: border-box; -} - -.um-md-default-filters-option-line .um-field-wrapper { - float:left; - width: calc( 100% - 60px ); - line-height: 30px; - box-sizing: border-box; -} - -.um-md-default-filters-option-line .um-field-wrapper2 { - float:left; - width: calc( 100% - 60px ); - line-height: 30px; - box-sizing: border-box; -} - -.um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header { - background: #44b0ec; - border: 1px solid #44b0ec !important; - margin-top: -1px; -} - -.um-md-default-filters-option-line .um-field-wrapper2 select { - width: 100%; + box-sizing: border-box; } + .um-md-default-filters-option-line .um-field-wrapper2 { float: left; -} - -.um-md-default-filters-option-line .um-field-wrapper2 input { - width: 100%; + width: calc( 100% - 60px); + line-height: 30px; + box-sizing: border-box; } + .um-md-default-filters-option-line .um-field-wrapper2.um { + margin: 5px 0 0 0; } + .um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header { + background: #44b0ec; + border: 1px solid #44b0ec !important; + margin-top: -1px; } + .um-md-default-filters-option-line .um-field-wrapper2 select { + width: 100%; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input { + width: 100%; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter, .um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter { + width: calc( 50% - 7px) !important; + float: left; } + .um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child, .um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child { + margin-right: 11px; } + .um-md-default-filters-option-line .um-field-wrapper2 .um-slider { + margin: 5px 9px 0 9px; + width: calc( 100% - 18px); + box-sizing: border-box; + display: block; } + .um-md-default-filters-option-line .um-field-control { float: left; -} - -.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter, -.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter { - width: calc( 50% - 7px ) !important; - float: left; -} - -.um-md-default-filters-option-line .um-field-wrapper2 .um-slider { - margin: 5px 9px 0 9px; - width: calc( 100% - 18px ); - box-sizing: border-box; - display: block; -} - -.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child, -.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child { - margin-right: 11px; -} - -.um-multi-text-option-line .um-field-wrapper input, -.um-multi-selects-option-line .um-field-wrapper select { - float:left; - width: 100%; - margin:0; -} - - -.um-multi-text-option-line .um-field-control, -.um-multi-selects-option-line .um-field-control, -.um-md-default-filters-option-line .um-field-control { - float:left; width: 60px; line-height: 30px; padding: 0 10px; - box-sizing: border-box; -} + box-sizing: border-box; } -.um-form-table .description { - font-style: italic; -} - -.um-form-field .description { - clear: both; -} - - -.um-form-fields-section { - float:left; - clear: none; - margin:0; - padding: 0 10px 0 0; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; -} - -.um-form-fields-section label { - float:left; - width:100%; - margin:0; - padding:0; -} - -.um-form-fields-section label input { - float:left; - margin-top:0; -} - -.um-form-fields-section label span { - float:left; - width:calc( 100% - 20px ); -} - -.um-multi-text-option-line, .um-multi-selects-option-line { - margin: 0 0 5px 0; -} - -@media screen and (max-width: 782px) { - .um-form-fields-section { - width:100% !important; - } - .um-admin-metabox .um-form-fields-section label { - line-height: 22px !important; - margin: 0 0 12px 0 !important; - } - .um-form-fields-section label span { - width:calc( 100% - 30px ); - } - - .um-multi-text-option-line, - .um-multi-selects-option-line { - margin: 0 0 6px 0; - } - - .um-forms-line label { - float:left; - width:100%; - } - - - .um-form-table.um-third-column .um-forms-line th, - .um-form-table.um-half-column .um-forms-line th, - .um-form-table.um-two-thirds-column .um-forms-line th { - float:left; - width: 100%; - } - - .um-form-table.um-third-column .um-forms-line td, - .um-form-table.um-half-column .um-forms-line td, - .um-form-table.um-two-thirds-column .um-forms-line td { - float:left; - width: 100%; - } - - .um-form-table.um-third-column .um-forms-line th label, - .um-form-table.um-half-column .um-forms-line th label, - .um-form-table.um-two-thirds-column .um-forms-line th label { - float:left; - width: 100%; - } -} - - -/*Multi text filed */ -.um-forms-line .um-text-delete { - color: #a00; - float:left; -} - -.um-forms-line .um-text-delete:hover { - color: red; -} - -.um-forms-line .um-multi-text-add-option { - margin-bottom: 14px; -} - - -/* Media uploader */ -.um-forms-line .icon_preview { - display: none; - max-width: 200px; - max-height: 200px; - padding: 5px; - cursor: pointer; - border: 1px solid #e3e3e3; - background: #f7f7f7; - border-radius: 3px; - height: auto; - width: auto !important; -} - - -.um-forms-line[data-conditional] { - display: none; -} - - - -/* Same page update field */ -.um-forms-line td .um-same-page-update-wrapper { - display: none; - margin: 7px 0 0 0; -} - -.um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update { - margin: 7px 0 0 0; -} - -.um-forms-line td .um-same-page-update-wrapper .upgrade_log { - margin: 7px 0 0 0; - width:100%; - height:150px; - overflow: auto; - border: 1px solid #a1a1a1; -} - -.um-forms-line[data-field_type="same_page_update"] { - vertical-align: baseline; -} - -.um-forms-line[data-field_type="same_page_update"] th, -.um-forms-line[data-field_type="same_page_update"] td { - vertical-align: baseline; -} - -.um-sortable-items-field .um-sortable-item { - cursor: move !important; - padding: 5px; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - border: 1px solid #7e8993; - border-radius: 4px; - -moz-border-radius: 4px; - background: #f1f1f1; - height: 42px; - line-height: 28px; + float: left; + width: 100%; + padding: 0; + clear: both; + margin: 0 0 5px 0; } + .um-multi-selects-option-line.um-admin-drag-fld { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: nowrap; -} + background: none; + border: none; } + .um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper { + width: calc( 100% - 90px); } + .um-multi-selects-option-line.um-admin-drag-fld .um-field-icon { + float: left; + width: 20px; + text-align: left; + line-height: 30px; } + .um-multi-selects-option-line .um-field-wrapper { + float: left; + width: calc( 100% - 60px); + line-height: 30px; + box-sizing: border-box; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields { + margin: 5px 0 0 0; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label { + float: left; + width: 100%; + line-height: 30px; + box-sizing: border-box; + margin: 0 !important; + padding: 0 !important; + font-weight: bold; + display: flex; + flex-direction: row; + justify-content: space-beetween; + align-items: baseline; + flex-wrap: nowrap; } + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type="text"], + .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select { + width: auto; + display: inline; + font-weight: normal; + max-width: 70%; + flex: 0.9; } + .um-multi-selects-option-line .um-field-wrapper input, + .um-multi-selects-option-line .um-field-wrapper select { + float: left; + width: 100%; + margin: 0; } + .um-multi-selects-option-line .um-field-control { + float: left; + width: 60px; + line-height: 30px; + padding: 0 10px; + box-sizing: border-box; } -.um-sortable-items-field .um-sortable-item.um-hidden-item { - display: none; -} +.um-multi-text-option-line { + float: left; + width: 100%; + padding: 0; + clear: both; + margin: 0 0 5px 0; } + .um-multi-text-option-line .um-field-wrapper { + float: left; + width: calc( 100% - 90px); + line-height: 30px; + box-sizing: border-box; } + .um-multi-text-option-line .um-field-wrapper input, + .um-multi-text-option-line .um-field-wrapper select { + float: left; + width: 100%; + margin: 0; } + .um-multi-text-option-line .um-field-control { + float: left; + width: 60px; + line-height: 30px; + padding: 0 10px; + box-sizing: border-box; } -.um-sortable-items-field .um-sortable-item .um-field-icon { - font-size: 18px; +.um-form-fields-section { + float: left; + clear: none; + margin: 0; + padding: 0 10px 0 0; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } + .um-form-fields-section label { + float: left; + width: 100%; + margin: 0; + padding: 0; } + .um-form-fields-section label input { + float: left; + margin-top: 0; } + .um-form-fields-section label span { + float: left; + width: calc( 100% - 20px); } + +@media screen and (max-width: 782px) { + input[type="text"].um-forms-field.um-medium-field, + select.um-forms-field.um-medium-field, + textarea.um-forms-field.um-medium-field { + width: 100% !important; } + input[type="text"].um-forms-field.um-small-field, + select.um-forms-field.um-small-field, + textarea.um-forms-field.um-small-field { + width: 50% !important; } + .um-form-fields-section { + width: 100% !important; } + .um-admin-metabox .um-form-fields-section label { + line-height: 22px !important; + margin: 0 0 12px 0 !important; } + .um-admin-metabox .um-form-fields-section label span { + width: calc( 100% - 30px); } + .um-multi-text-option-line, + .um-multi-selects-option-line { + margin: 0 0 6px 0; } + .um-forms-line label { + float: left; + width: 100%; } + .um-form-table.um-third-column .um-forms-line th, .um-form-table.um-half-column .um-forms-line th, .um-form-table.um-two-thirds-column .um-forms-line th { + float: left; + width: 100%; + margin-bottom: 5px; } + .um-form-table.um-third-column .um-forms-line th label, .um-form-table.um-half-column .um-forms-line th label, .um-form-table.um-two-thirds-column .um-forms-line th label { + float: left; + width: 100%; } + .um-form-table.um-third-column .um-forms-line td, .um-form-table.um-half-column .um-forms-line td, .um-form-table.um-two-thirds-column .um-forms-line td { + float: left; + width: 100%; } } + +.um-sortable-items-field .um-sortable-item { + cursor: move !important; + padding: 5px; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + border: 1px solid #7e8993; + border-radius: 4px; + -moz-border-radius: 4px; + background: #fff; + height: 42px; + line-height: 28px; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + flex-wrap: nowrap; } + .um-sortable-items-field .um-sortable-item.um-hidden-item { + display: none; } + .um-sortable-items-field .um-sortable-item .um-field-icon { width: 20px; text-align: left; - margin: 0 10px 0 0; -} - -.um-form-table span.um-req { - margin: 0 0 0 4px; - color: #a00; -} + margin: 0 10px 0 0; } .wp-picker-container input.wp-color-picker[type="text"] { - width: 68px !important; - float: left !important; - padding: 2px 4px !important; - border-width: 1px !important; -} + width: 68px !important; + float: left !important; + padding: 2px 4px !important; + border-width: 1px !important; } + +body.um-admin .select2.select2-container .select2-selection { + display: block !important; + height: 28px !important; + padding: 0 0 0 12px !important; + overflow: hidden !important; + position: relative !important; + white-space: nowrap !important; + line-height: 25px !important; + color: #666 !important; + font-size: 13px !important; + text-align: left !important; + text-decoration: none !important; + -moz-border-radius: 2px !important; + -webkit-border-radius: 2px !important; + border-radius: 2px !important; + background-clip: padding-box !important; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background: #fff none !important; + border: 1px solid #ddd !important; } + body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow { + display: inline-block !important; + width: 34px !important; + height: 100% !important; + position: absolute !important; + right: 0 !important; + top: 0 !important; + -moz-border-radius: 0 2px 2px 0 !important; + -webkit-border-radius: 0 2px 2px 0 !important; + border-radius: 0 2px 2px 0 !important; + background-clip: padding-box !important; + text-align: center !important; + background: transparent !important; + border-left: 0 !important; } + body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"] { + display: none; } + body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role="presentation"]:before { + content: "\f3d0" !important; + font-size: 27px !important; + font-family: "Ionicons" !important; + width: 100% !important; + display: block; + height: 100%; + line-height: 28px; + color: #aaaaaa; } + +body.um-admin .select2.select2-container .select2-search--inline { + line-height: 37px !important; } + +body.um-admin .select2.select2-container--open .select2-dropdown { + border: 1px solid #ddd !important; } -/* Select2 4.0*/ -body.um-admin .select2.select2-container .select2-selection{ - display: block !important; - height: 28px !important; - padding: 0 0 0 12px !important; - overflow: hidden !important; - position: relative !important; - white-space: nowrap !important; - line-height: 25px !important; - color: #666 !important; - font-size: 13px !important; - text-align: left !important; - text-decoration: none !important; - -moz-border-radius: 2px !important; - -webkit-border-radius: 2px !important; - border-radius: 2px !important; - background-clip: padding-box !important; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: none !important; - background-color: #fff !important; - border: 1px solid #ddd !important; -} -body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{ - display:none; -} -body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow:before{ - content: "\f3d0" !important; - font-size: 27px !important; - font-family: "Ionicons" !important; - width: 100% !important; - display: block; - height: 100%; - line-height: 28px; - color: #aaaaaa; -} -body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow { - display: inline-block !important; - width: 34px !important; - height: 100% !important; - position: absolute !important; - right: 0 !important; - top: 0 !important; - -moz-border-radius: 0 2px 2px 0 !important; - -webkit-border-radius: 0 2px 2px 0 !important; - border-radius: 0 2px 2px 0 !important; - background-clip: padding-box !important; - text-align: center !important; - background: transparent !important; - border-left: 0 !important; -} -body.um-admin .select2-container.select2-container--open .select2-dropdown{ - border: 1px solid #ddd !important; -} -body.um-admin .select2-results li{ - list-style: none; - display: list-item; - background-image: none; - font-size: 13px; - margin: 5px !important; - padding: 3px 0 !important; - color: #666 !important; -} body.um-admin .select2-results li { - padding: 3px 7px 4px !important; - cursor: pointer; - min-height: 1em !important; -} + list-style: none; + display: list-item; + background-image: none; + font-size: 13px; + margin: 5px !important; + padding: 3px 0 !important; + color: #666 !important; } + body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted { + background: none !important; + background: #f4f4f4 !important; + color: #666 !important; } body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered { - line-height: 25px; -} -body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted{ - background: none !important; - background: #f4f4f4 !important; - color: #666 !important; -} -body.um-admin .select2-container--default .select2-results__option[aria-selected=true] { - background: transparent !important; -} + line-height: 25px; } + +body.um-admin .select2-container--default .select2-selection--multiple { + height: auto !important; } + body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear { + cursor: pointer; + float: right; + margin-top: 0; + margin-right: 5px; + font-size: 25px; } + +body.um-admin .select2-container--default .select2-results__option[aria-selected="true"] { + background: transparent !important; } + body.um-admin .select2-selection__clear { - right: 10px; - font-size: 25px; - color: #aaaaaa !important; - font-weight: 300 !important; -} + right: 10px; + font-size: 25px; + color: #aaaaaa !important; + font-weight: 300 !important; } -body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__rendered { - box-sizing: border-box; - list-style: none; - margin: 0; - padding: 0px; - width: 100%; - line-height: 20px; - font-size: 13px; -} - -body.um-admin .select2.select2-container .select2-selection.select2-selection--multiple { - height: auto !important; -} - -body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear { - cursor: pointer; - float: right; - margin-top: 0px; - margin-right: 5px; - font-size: 25px; -} - -body.um-admin .select2-container--default .select2-results__option[aria-selected=true] { - background-color: #ddd !important; -} - -body.um-admin .select2-container .select2-search--inline { - line-height: 37px !important; -} +body.um-admin .select2-selection--multiple .select2-selection__rendered { + box-sizing: border-box; + list-style: none; + margin: 0; + padding: 0; + width: 100%; + line-height: 20px; + font-size: 13px; } body.um-admin .select2-drop-active { - z-index: 99999 !important; -} + z-index: 99999 !important; } diff --git a/assets/css/admin/forms.min.css b/assets/css/admin/forms.min.css index 72574bf1..1b6c4057 100644 --- a/assets/css/admin/forms.min.css +++ b/assets/css/admin/forms.min.css @@ -1 +1 @@ -.um-form-table.um-third-column .um-forms-line th{width:33%}.um-form-table.um-half-column .um-forms-line th{width:50%}.um-form-table.um-two-thirds-column .um-forms-line th{width:83%}.um-form-table.um-top-label .um-forms-line td{padding:0 0 15px 0}.um-form-table.um-top-label .um-forms-line td label{margin:0 0 5px 0;display:inline-block}.um-form-table.um-top-label .um-forms-line[data-field_type=icon] td label{width:100%;display:block;margin:0 0 5px 0}.um_admin_fonticon_wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.um-admin-icon-value{line-height:1}.um_admin_fonticon_wrapper .um-admin-icon-value i{top:0}input[type=text].um-forms-field.um-long-field,select.um-forms-field.um-long-field,textarea.um-forms-field.um-long-field{width:100%!important}input[type=text].um-forms-field.um-medium-field,select.um-forms-field.um-medium-field,textarea.um-forms-field.um-medium-field{width:50%!important}input[type=text].um-forms-field.um-small-field,select.um-forms-field.um-small-field,textarea.um-forms-field.um-small-field{width:25%!important}.um-md-default-filters-list,.um-multi-selects-list,.um-multi-text-list{float:left;width:100%;margin:0 0 10px 0}.um-hidden-md-default-filters,.um-hidden-multi-selects,.um-hidden-multi-text{display:none!important}.um-md-default-filters-option-line,.um-multi-selects-option-line,.um-multi-text-option-line{float:left;width:100%;margin:0;padding:0;clear:both}.um-md-default-filters-option-line{border-bottom:1px solid #eee;padding:0 0 5px 0;margin:5px 0 0 0}.um-md-default-filters-option-line .um.um-field-wrapper2{margin:5px 0 0 0}.um-multi-selects-option-line.um-admin-drag-fld{background:0 0;border:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon{float:left;width:20px;text-align:left;line-height:30px}.um-multi-selects-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields{margin:5px 0 0 0}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label{float:left;width:100%;line-height:30px;box-sizing:border-box;margin:0!important;padding:0!important;font-weight:700;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:baseline}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type=text]{width:auto;display:inline;font-weight:400;max-width:70%;flex:.9}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select{width:auto;display:inline;font-weight:400;max-width:70%;flex:.9}.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper{width:calc(100% - 90px)}.um-multi-text-option-line .um-field-wrapper{float:left;width:calc(100% - 90px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header{background:#44b0ec;border:1px solid #44b0ec!important;margin-top:-1px}.um-md-default-filters-option-line .um-field-wrapper2 select{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter{width:calc(50% - 7px)!important;float:left}.um-md-default-filters-option-line .um-field-wrapper2 .um-slider{margin:5px 9px 0 9px;width:calc(100% - 18px);box-sizing:border-box;display:block}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child{margin-right:11px}.um-multi-selects-option-line .um-field-wrapper select,.um-multi-text-option-line .um-field-wrapper input{float:left;width:100%;margin:0}.um-md-default-filters-option-line .um-field-control,.um-multi-selects-option-line .um-field-control,.um-multi-text-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-form-table .description{font-style:italic}.um-form-field .description{clear:both}.um-form-fields-section{float:left;clear:none;margin:0;padding:0 10px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-form-fields-section label{float:left;width:100%;margin:0;padding:0}.um-form-fields-section label input{float:left;margin-top:0}.um-form-fields-section label span{float:left;width:calc(100% - 20px)}.um-multi-selects-option-line,.um-multi-text-option-line{margin:0 0 5px 0}@media screen and (max-width:782px){.um-form-fields-section{width:100%!important}.um-admin-metabox .um-form-fields-section label{line-height:22px!important;margin:0 0 12px 0!important}.um-form-fields-section label span{width:calc(100% - 30px)}.um-multi-selects-option-line,.um-multi-text-option-line{margin:0 0 6px 0}.um-forms-line label{float:left;width:100%}.um-form-table.um-half-column .um-forms-line th,.um-form-table.um-third-column .um-forms-line th,.um-form-table.um-two-thirds-column .um-forms-line th{float:left;width:100%}.um-form-table.um-half-column .um-forms-line td,.um-form-table.um-third-column .um-forms-line td,.um-form-table.um-two-thirds-column .um-forms-line td{float:left;width:100%}.um-form-table.um-half-column .um-forms-line th label,.um-form-table.um-third-column .um-forms-line th label,.um-form-table.um-two-thirds-column .um-forms-line th label{float:left;width:100%}}.um-forms-line .um-text-delete{color:#a00;float:left}.um-forms-line .um-text-delete:hover{color:red}.um-forms-line .um-multi-text-add-option{margin-bottom:14px}.um-forms-line .icon_preview{display:none;max-width:200px;max-height:200px;padding:5px;cursor:pointer;border:1px solid #e3e3e3;background:#f7f7f7;border-radius:3px;height:auto;width:auto!important}.um-forms-line[data-conditional]{display:none}.um-forms-line td .um-same-page-update-wrapper{display:none;margin:7px 0 0 0}.um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update{margin:7px 0 0 0}.um-forms-line td .um-same-page-update-wrapper .upgrade_log{margin:7px 0 0 0;width:100%;height:150px;overflow:auto;border:1px solid #a1a1a1}.um-forms-line[data-field_type=same_page_update]{vertical-align:baseline}.um-forms-line[data-field_type=same_page_update] td,.um-forms-line[data-field_type=same_page_update] th{vertical-align:baseline}.um-sortable-items-field .um-sortable-item{cursor:move!important;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #7e8993;border-radius:4px;-moz-border-radius:4px;background:#f1f1f1;height:42px;line-height:28px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um-sortable-items-field .um-sortable-item.um-hidden-item{display:none}.um-sortable-items-field .um-sortable-item .um-field-icon{font-size:18px;width:20px;text-align:left;margin:0 10px 0 0}.um-form-table span.um-req{margin:0 0 0 4px;color:#a00}.wp-picker-container input.wp-color-picker[type=text]{width:68px!important;float:left!important;padding:2px 4px!important;border-width:1px!important}body.um-admin .select2.select2-container .select2-selection{display:block!important;height:28px!important;padding:0 0 0 12px!important;overflow:hidden!important;position:relative!important;white-space:nowrap!important;line-height:25px!important;color:#666!important;font-size:13px!important;text-align:left!important;text-decoration:none!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;background-clip:padding-box!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0!important;background-color:#fff!important;border:1px solid #ddd!important}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{display:none}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow:before{content:"\f3d0"!important;font-size:27px!important;font-family:Ionicons!important;width:100%!important;display:block;height:100%;line-height:28px;color:#aaa}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow{display:inline-block!important;width:34px!important;height:100%!important;position:absolute!important;right:0!important;top:0!important;-moz-border-radius:0 2px 2px 0!important;-webkit-border-radius:0 2px 2px 0!important;border-radius:0 2px 2px 0!important;background-clip:padding-box!important;text-align:center!important;background:0 0!important;border-left:0!important}body.um-admin .select2-container.select2-container--open .select2-dropdown{border:1px solid #ddd!important}body.um-admin .select2-results li{list-style:none;display:list-item;background-image:none;font-size:13px;margin:5px!important;padding:3px 0!important;color:#666!important}body.um-admin .select2-results li{padding:3px 7px 4px!important;cursor:pointer;min-height:1em!important}body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:25px}body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted{background:0 0!important;background:#f4f4f4!important;color:#666!important}body.um-admin .select2-container--default .select2-results__option[aria-selected=true]{background:0 0!important}body.um-admin .select2-selection__clear{right:10px;font-size:25px;color:#aaa!important;font-weight:300!important}body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0;width:100%;line-height:20px;font-size:13px}body.um-admin .select2.select2-container .select2-selection.select2-selection--multiple{height:auto!important}body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;margin-top:0;margin-right:5px;font-size:25px}body.um-admin .select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd!important}body.um-admin .select2-container .select2-search--inline{line-height:37px!important}body.um-admin .select2-drop-active{z-index:99999!important} \ No newline at end of file +.um-form-table .um-forms-line[data-conditional]{display:none}.um-form-table .um-forms-line[data-field_type=checkbox] td label{font-style:italic}.um-form-table .um-forms-line label .um-req{color:#a00;margin:0 0 0 3px;font-weight:400}.um-form-table .um-forms-line .um-text-delete{color:#a00;float:left}.um-form-table .um-forms-line .um-text-delete:hover{color:red}.um-form-table .um-forms-line .um-multi-text-add-option{margin-bottom:14px}.um-form-table .um-forms-line .icon_preview{display:none;max-width:200px;max-height:200px;padding:5px;cursor:pointer;border:1px solid #e3e3e3;background:#f7f7f7;border-radius:3px;height:auto;width:auto!important}.um-form-table .um-forms-line td .um-same-page-update-wrapper{display:none;margin:7px 0 0 0}.um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update{margin:7px 0 0 0}.um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log{margin:7px 0 0 0;width:100%;height:150px;overflow:auto;border:1px solid #a1a1a1}.um-form-table .um-forms-line td .select2{margin:1px 0 0 0}.um-form-table .um-forms-line td .select2 .select2-selection__rendered{line-height:26px}.um-form-table .um-forms-line td .select2 .select2-selection__clear{top:-1px;margin-right:0}.um-form-table .um-forms-line[data-field_type=same_page_update]{vertical-align:baseline}.um-form-table .um-forms-line[data-field_type=same_page_update] td,.um-form-table .um-forms-line[data-field_type=same_page_update] th{vertical-align:baseline}.um-form-table.um-third-column .um-forms-line th{width:33%}.um-form-table.um-half-column .um-forms-line th{width:50%}.um-form-table.um-two-thirds-column .um-forms-line th{width:83%}.um-form-table.um-top-label .um-forms-line td{padding:0 0 15px 0}.um-form-table.um-top-label .um-forms-line td label{margin:0 0 5px 0;display:inline-block}.um-form-table.um-top-label .um-forms-line[data-field_type=icon] td label{width:100%;display:block;margin:0 0 5px 0}.um-form-table .description{font-style:italic;clear:both}.um_admin_fonticon_wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um_admin_fonticon_wrapper .um-admin-icon-value{line-height:1}.um_admin_fonticon_wrapper .um-admin-icon-value i{top:0}input[type=date].um-forms-field,input[type=number].um-forms-field,input[type=password].um-forms-field,input[type=text].um-forms-field,input[type=time].um-forms-field,input[type=url].um-forms-field,select.um-forms-field,textarea.um-forms-field{box-sizing:border-box}input[type=date].um-forms-field.um-long-field,input[type=number].um-forms-field.um-long-field,input[type=password].um-forms-field.um-long-field,input[type=text].um-forms-field.um-long-field,input[type=time].um-forms-field.um-long-field,input[type=url].um-forms-field.um-long-field,select.um-forms-field.um-long-field,textarea.um-forms-field.um-long-field{width:100%!important}input[type=date].um-forms-field.um-medium-field,input[type=number].um-forms-field.um-medium-field,input[type=password].um-forms-field.um-medium-field,input[type=text].um-forms-field.um-medium-field,input[type=time].um-forms-field.um-medium-field,input[type=url].um-forms-field.um-medium-field,select.um-forms-field.um-medium-field,textarea.um-forms-field.um-medium-field{width:50%!important}input[type=date].um-forms-field.um-small-field,input[type=number].um-forms-field.um-small-field,input[type=password].um-forms-field.um-small-field,input[type=text].um-forms-field.um-small-field,input[type=time].um-forms-field.um-small-field,input[type=url].um-forms-field.um-small-field,select.um-forms-field.um-small-field,textarea.um-forms-field.um-small-field{width:25%!important}input[type=number].um-forms-field{padding-right:0}.um-md-default-filters-list,.um-multi-selects-list,.um-multi-text-list{float:left;width:100%;margin:0 0 10px 0}.um-hidden-md-default-filters,.um-hidden-multi-selects,.um-hidden-multi-text{display:none!important}.um-md-default-filters-option-line{float:left;width:100%;clear:both;border-bottom:1px solid #eee;padding:0 0 5px 0;margin:5px 0 0 0}.um-md-default-filters-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-md-default-filters-option-line .um-field-wrapper2.um{margin:5px 0 0 0}.um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header{background:#44b0ec;border:1px solid #44b0ec!important;margin-top:-1px}.um-md-default-filters-option-line .um-field-wrapper2 select{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input{width:100%;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter{width:calc(50% - 7px)!important;float:left}.um-md-default-filters-option-line .um-field-wrapper2 input.um-datepicker-filter:first-child,.um-md-default-filters-option-line .um-field-wrapper2 input.um-timepicker-filter:first-child{margin-right:11px}.um-md-default-filters-option-line .um-field-wrapper2 .um-slider{margin:5px 9px 0 9px;width:calc(100% - 18px);box-sizing:border-box;display:block}.um-md-default-filters-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-multi-selects-option-line{float:left;width:100%;padding:0;clear:both;margin:0 0 5px 0}.um-multi-selects-option-line.um-admin-drag-fld{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;background:0 0;border:none}.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper{width:calc(100% - 90px)}.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon{float:left;width:20px;text-align:left;line-height:30px}.um-multi-selects-option-line .um-field-wrapper{float:left;width:calc(100% - 60px);line-height:30px;box-sizing:border-box}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields{margin:5px 0 0 0}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label{float:left;width:100%;line-height:30px;box-sizing:border-box;margin:0!important;padding:0!important;font-weight:700;display:flex;flex-direction:row;justify-content:space-beetween;align-items:baseline;flex-wrap:nowrap}.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type=text],.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select{width:auto;display:inline;font-weight:400;max-width:70%;flex:.9}.um-multi-selects-option-line .um-field-wrapper input,.um-multi-selects-option-line .um-field-wrapper select{float:left;width:100%;margin:0}.um-multi-selects-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-multi-text-option-line{float:left;width:100%;padding:0;clear:both;margin:0 0 5px 0}.um-multi-text-option-line .um-field-wrapper{float:left;width:calc(100% - 90px);line-height:30px;box-sizing:border-box}.um-multi-text-option-line .um-field-wrapper input,.um-multi-text-option-line .um-field-wrapper select{float:left;width:100%;margin:0}.um-multi-text-option-line .um-field-control{float:left;width:60px;line-height:30px;padding:0 10px;box-sizing:border-box}.um-form-fields-section{float:left;clear:none;margin:0;padding:0 10px 0 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.um-form-fields-section label{float:left;width:100%;margin:0;padding:0}.um-form-fields-section label input{float:left;margin-top:0}.um-form-fields-section label span{float:left;width:calc(100% - 20px)}@media screen and (max-width:782px){input[type=text].um-forms-field.um-medium-field,select.um-forms-field.um-medium-field,textarea.um-forms-field.um-medium-field{width:100%!important}input[type=text].um-forms-field.um-small-field,select.um-forms-field.um-small-field,textarea.um-forms-field.um-small-field{width:50%!important}.um-form-fields-section{width:100%!important}.um-admin-metabox .um-form-fields-section label{line-height:22px!important;margin:0 0 12px 0!important}.um-admin-metabox .um-form-fields-section label span{width:calc(100% - 30px)}.um-multi-selects-option-line,.um-multi-text-option-line{margin:0 0 6px 0}.um-forms-line label{float:left;width:100%}.um-form-table.um-half-column .um-forms-line th,.um-form-table.um-third-column .um-forms-line th,.um-form-table.um-two-thirds-column .um-forms-line th{float:left;width:100%;margin-bottom:5px}.um-form-table.um-half-column .um-forms-line th label,.um-form-table.um-third-column .um-forms-line th label,.um-form-table.um-two-thirds-column .um-forms-line th label{float:left;width:100%}.um-form-table.um-half-column .um-forms-line td,.um-form-table.um-third-column .um-forms-line td,.um-form-table.um-two-thirds-column .um-forms-line td{float:left;width:100%}}.um-sortable-items-field .um-sortable-item{cursor:move!important;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #7e8993;border-radius:4px;-moz-border-radius:4px;background:#fff;height:42px;line-height:28px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.um-sortable-items-field .um-sortable-item.um-hidden-item{display:none}.um-sortable-items-field .um-sortable-item .um-field-icon{width:20px;text-align:left;margin:0 10px 0 0}.wp-picker-container input.wp-color-picker[type=text]{width:68px!important;float:left!important;padding:2px 4px!important;border-width:1px!important}body.um-admin .select2.select2-container .select2-selection{display:block!important;height:28px!important;padding:0 0 0 12px!important;overflow:hidden!important;position:relative!important;white-space:nowrap!important;line-height:25px!important;color:#666!important;font-size:13px!important;text-align:left!important;text-decoration:none!important;-moz-border-radius:2px!important;-webkit-border-radius:2px!important;border-radius:2px!important;background-clip:padding-box!important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff none!important;border:1px solid #ddd!important}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow{display:inline-block!important;width:34px!important;height:100%!important;position:absolute!important;right:0!important;top:0!important;-moz-border-radius:0 2px 2px 0!important;-webkit-border-radius:0 2px 2px 0!important;border-radius:0 2px 2px 0!important;background-clip:padding-box!important;text-align:center!important;background:0 0!important;border-left:0!important}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]{display:none}body.um-admin .select2.select2-container .select2-selection .select2-selection__arrow b[role=presentation]:before{content:"\f3d0"!important;font-size:27px!important;font-family:Ionicons!important;width:100%!important;display:block;height:100%;line-height:28px;color:#aaa}body.um-admin .select2.select2-container .select2-search--inline{line-height:37px!important}body.um-admin .select2.select2-container--open .select2-dropdown{border:1px solid #ddd!important}body.um-admin .select2-results li{list-style:none;display:list-item;background-image:none;font-size:13px;margin:5px!important;padding:3px 0!important;color:#666!important}body.um-admin .select2-results li.select2-results__option.select2-results__option--highlighted{background:0 0!important;background:#f4f4f4!important;color:#666!important}body.um-admin .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:25px}body.um-admin .select2-container--default .select2-selection--multiple{height:auto!important}body.um-admin .select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;margin-top:0;margin-right:5px;font-size:25px}body.um-admin .select2-container--default .select2-results__option[aria-selected=true]{background:0 0!important}body.um-admin .select2-selection__clear{right:10px;font-size:25px;color:#aaa!important;font-weight:300!important}body.um-admin .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0;width:100%;line-height:20px;font-size:13px}body.um-admin .select2-drop-active{z-index:99999!important} \ No newline at end of file diff --git a/assets/css/admin/forms.sass b/assets/css/admin/forms.sass new file mode 100644 index 00000000..61949efe --- /dev/null +++ b/assets/css/admin/forms.sass @@ -0,0 +1,468 @@ +@import "selectors" +@import "mixins" +@import "colors" + + +.#{$prefix}form-table + .#{$prefix}forms-line + &[data-conditional] + display: none + &[data-field_type="checkbox"] + td + label + font-style: italic + label + .#{$prefix}req + color: $required-asterisk + margin: 0 0 0 3px + font-weight: normal + .#{$prefix}text-delete + color: #a00 + float: left + &:hover + color: red + .#{$prefix}multi-text-add-option + margin-bottom: 14px + .icon_preview + display: none + max-width: 200px + max-height: 200px + padding: 5px + cursor: pointer + border: 1px solid #e3e3e3 + background: #f7f7f7 + border-radius: 3px + height: auto + width: auto !important + td + .#{$prefix}same-page-update-wrapper + display: none + margin: 7px 0 0 0 + input.#{$prefix}admin-form-same-page-update + margin: 7px 0 0 0 + .upgrade_log + margin: 7px 0 0 0 + width: 100% + height: 150px + overflow: auto + border: 1px solid #a1a1a1 + .select2 + margin: 1px 0 0 0 + .select2-selection__rendered + line-height: 26px + .select2-selection__clear + top: -1px + margin-right: 0 + + &[data-field_type="same_page_update"] + vertical-align: baseline + th, + td + vertical-align: baseline + + &.#{$prefix}third-column + .#{$prefix}forms-line + th + width: 33% + + &.#{$prefix}half-column + .#{$prefix}forms-line + th + width: 50% + + &.#{$prefix}two-thirds-column + .#{$prefix}forms-line + th + width: 83% + + &.#{$prefix}top-label + .#{$prefix}forms-line + td + padding: 0 0 15px 0 + label + margin: 0 0 5px 0 + display: inline-block + + &[data-field_type="icon"] + td + label + width: 100% + display: block + margin: 0 0 5px 0 + .description + font-style: italic + clear: both + +.um_admin_fonticon_wrapper + +flex( row, flex-start, center, nowrap ) + .#{$prefix}admin-icon-value + line-height: 1 + i + top: 0 + +input[type="text"], +input[type="url"], +input[type="number"], +input[type="date"], +input[type="time"], +input[type="password"], +select, +textarea + &.#{$prefix}forms-field + box-sizing: border-box + &.#{$prefix}long-field + width: 100% !important + &.#{$prefix}medium-field + width: 50% !important + &.#{$prefix}small-field + width: 25% !important + +input[type="number"] + &.#{$prefix}forms-field + padding-right: 0 + +.#{$prefix}multi-text-list, +.#{$prefix}multi-selects-list, +.#{$prefix}md-default-filters-list + float: left + width: 100% + margin: 0 0 10px 0 + +.#{$prefix}hidden-multi-text, +.#{$prefix}hidden-multi-selects, +.#{$prefix}hidden-md-default-filters + display: none !important + +.#{$prefix}md-default-filters-option-line + float: left + width: 100% + clear: both + border-bottom: 1px solid #eee + padding: 0 0 5px 0 + margin: 5px 0 0 0 + .#{$prefix}field-wrapper + float: left + width: calc( 100% - 60px ) + line-height: 30px + box-sizing: border-box + .#{$prefix}field-wrapper2 + float: left + width: calc( 100% - 60px ) + line-height: 30px + box-sizing: border-box + &.um + margin: 5px 0 0 0 + .ui-slider-range.ui-widget-header + background: #44b0ec + border: 1px solid #44b0ec !important + margin-top: -1px + select + width: 100% + float: left + input + width: 100% + float: left + &.#{$prefix}timepicker-filter, + &.#{$prefix}datepicker-filter + width: calc( 50% - 7px ) !important + float: left + &:first-child + margin-right: 11px + .#{$prefix}slider + margin: 5px 9px 0 9px + width: calc( 100% - 18px ) + box-sizing: border-box + display: block + .#{$prefix}field-control + float: left + width: 60px + line-height: 30px + padding: 0 10px + box-sizing: border-box + + + +.#{$prefix}multi-selects-option-line + float: left + width: 100% + padding: 0 + clear: both + margin: 0 0 5px 0 + &.#{$prefix}admin-drag-fld + +flex( row, flex-start, center, nowrap ) + background: none + border: none + .#{$prefix}field-wrapper + width: calc( 100% - 90px ) + .#{$prefix}field-icon + float: left + width: 20px + text-align: left + line-height: 30px + + .#{$prefix}field-wrapper + float: left + width: calc( 100% - 60px ) + line-height: 30px + box-sizing: border-box + + &.#{$prefix}custom-order-fields + margin: 5px 0 0 0 + + label + float: left + width: 100% + line-height: 30px + box-sizing: border-box + margin: 0 !important + padding: 0 !important + font-weight: bold + +flex( row, space-beetween, baseline, nowrap ) + + input[type="text"], + select + width: auto + display: inline + font-weight: normal + max-width: 70% + flex: 0.9 + + input, + select + float: left + width: 100% + margin: 0 + + .#{$prefix}field-control + float: left + width: 60px + line-height: 30px + padding: 0 10px + box-sizing: border-box + +.#{$prefix}multi-text-option-line + float: left + width: 100% + padding: 0 + clear: both + margin: 0 0 5px 0 + .#{$prefix}field-wrapper + float: left + width: calc( 100% - 90px ) + line-height: 30px + box-sizing: border-box + input, + select + float: left + width: 100% + margin: 0 + .#{$prefix}field-control + float: left + width: 60px + line-height: 30px + padding: 0 10px + box-sizing: border-box + + + + + +.#{$prefix}form-fields-section + float: left + clear: none + margin: 0 + padding: 0 10px 0 0 + +border-box + label + float: left + width: 100% + margin: 0 + padding: 0 + input + float: left + margin-top: 0 + span + float: left + width: calc( 100% - 20px ) + + +@media screen and (max-width: 782px) + input[type="text"], + select, + textarea + &.#{$prefix}forms-field + &.#{$prefix}medium-field + width: 100% !important + &.#{$prefix}small-field + width: 50% !important + + + .#{$prefix}form-fields-section + width: 100% !important + .#{$prefix}admin-metabox + .#{$prefix}form-fields-section + label + line-height: 22px !important + margin: 0 0 12px 0 !important + span + width: calc( 100% - 30px ) + + .#{$prefix}multi-text-option-line, + .#{$prefix}multi-selects-option-line + margin: 0 0 6px 0 + + .#{$prefix}forms-line + label + float: left + width: 100% + + .#{$prefix}form-table + &.#{$prefix}third-column, + &.#{$prefix}half-column, + &.#{$prefix}two-thirds-column + .#{$prefix}forms-line + th + float: left + width: 100% + margin-bottom: 5px + label + float: left + width: 100% + td + float: left + width: 100% + + + + + + + +.#{$prefix}sortable-items-field + .#{$prefix}sortable-item + cursor: move !important + padding: 5px + +border-box + border: 1px solid #7e8993 + border-radius: 4px + -moz-border-radius: 4px + background: #fff + height: 42px + line-height: 28px + +flex( row, flex-start, center, nowrap ) + &.#{$prefix}hidden-item + display: none + .#{$prefix}field-icon + width: 20px + text-align: left + margin: 0 10px 0 0 + + +.wp-picker-container + input.wp-color-picker[type="text"] + width: 68px !important + float: left !important + padding: 2px 4px !important + border-width: 1px !important + +body.#{$prefix}admin + .select2 + &.select2-container + .select2-selection + display: block !important + height: 28px !important + padding: 0 0 0 12px !important + overflow: hidden !important + position: relative !important + white-space: nowrap !important + line-height: 25px !important + color: #666 !important + font-size: 13px !important + text-align: left !important + text-decoration: none !important + -moz-border-radius: 2px !important + -webkit-border-radius: 2px !important + border-radius: 2px !important + background-clip: padding-box !important + -webkit-touch-callout: none + -webkit-user-select: none + -moz-user-select: none + -ms-user-select: none + user-select: none + background: #fff none !important + border: 1px solid #ddd !important + .select2-selection__arrow + display: inline-block !important + width: 34px !important + height: 100% !important + position: absolute !important + right: 0 !important + top: 0 !important + -moz-border-radius: 0 2px 2px 0 !important + -webkit-border-radius: 0 2px 2px 0 !important + border-radius: 0 2px 2px 0 !important + background-clip: padding-box !important + text-align: center !important + background: transparent !important + border-left: 0 !important + b[role="presentation"] + display: none + &:before + content: "\f3d0" !important + font-size: 27px !important + font-family: "Ionicons" !important + width: 100% !important + display: block + height: 100% + line-height: 28px + color: #aaaaaa + .select2-search--inline + line-height: 37px !important + &.select2-container--open + .select2-dropdown + border: 1px solid #ddd !important + .select2-results + li + list-style: none + display: list-item + background-image: none + font-size: 13px + margin: 5px !important + padding: 3px 0 !important + color: #666 !important + &.select2-results__option + &.select2-results__option--highlighted + background: none !important + background: #f4f4f4 !important + color: #666 !important + .select2-container--default + .select2-selection--single + .select2-selection__rendered + line-height: 25px + .select2-selection--multiple + height: auto !important + .select2-selection__clear + cursor: pointer + float: right + margin-top: 0 + margin-right: 5px + font-size: 25px + .select2-results__option[aria-selected="true"] + background: transparent !important + .select2-selection__clear + right: 10px + font-size: 25px + color: #aaaaaa !important + font-weight: 300 !important + .select2-selection--multiple + .select2-selection__rendered + box-sizing: border-box + list-style: none + margin: 0 + padding: 0 + width: 100% + line-height: 20px + font-size: 13px + + .select2-drop-active + z-index: 99999 !important diff --git a/assets/js/admin/block-renderer.min.js b/assets/js/admin/block-renderer.min.js new file mode 100644 index 00000000..9aa09172 --- /dev/null +++ b/assets/js/admin/block-renderer.min.js @@ -0,0 +1 @@ +function unselectEmptyOption(e){var u=jQuery(e.currentTarget),e=u.find(":selected");1 builtin()->custom_fields ) { - foreach ( UM()->builtin()->custom_fields as $field_key => $field_data ) { - if ( empty( $field_data['title'] ) || empty( $field_data['type'] ) ) { + foreach ( UM()->builtin()->custom_fields as $field_key => $array ) { + if ( empty( $array['title'] ) || empty( $array['type'] ) ) { continue; } ?> - data-silent_action="um_admin_add_field_from_list" data-arg1="" data-arg2="" title=""> () + data-silent_action="um_admin_add_field_from_list" data-arg1="" data-arg2="" title=""> + () + + + -

- + +

builtin()->custom_fields ) { ?> style="display: none;"> + +

css_baseurl . 'um-modal.css', array(), UM_VERSION ); wp_register_style( 'um_responsive', $this->css_baseurl . 'um-responsive.css', array( 'um_profile' ), UM_VERSION ); - wp_register_style( 'um_styles', $this->css_baseurl . 'um-styles.css', array( 'um_ui', 'um_tipsy', 'um_raty', 'um_fonticons_ii', 'um_fonticons_fa', 'select2', 'um_fileupload' ), UM_VERSION ); + wp_register_style( 'um_styles', $this->css_baseurl . 'um-styles.css', array( 'um_ui', 'um_tipsy', 'um_raty', 'um_fonticons_ii', 'um_fonticons_fa', 'select2', 'um_fileupload', 'um_common' ), UM_VERSION ); wp_register_style( 'um_members', $this->css_baseurl . 'um-members.css', array( 'um_styles' ), UM_VERSION ); if ( is_rtl() ) {