time-targeting-component
Version:
Time targeting component
1 lines • 13.4 kB
Source Map (JSON)
{"version":3,"sources":["timeTargetingComponent.scss","template.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":[".checkbox-zone {\n padding: 0;\n border: 0;\n margin: 0 auto;\n border-collapse: collapse;\n}\n\n.checkbox-zone tr {\n padding: 0;\n border: 0;\n box-shadow: none;\n transition: all 0.3s ease;\n}\n\ntable.checkbox-zone thead th {\n background-color: rgb(247, 250, 250);\n border-bottom: 1px solid rgb(233, 239, 240);\n text-align: left;\n font-family: Arial;\n font-size: 14px;\n line-height: 20px;\n text-align: left;\n}\n\n.checkbox-zone th:first-child {\n padding-right: 10px;\n padding-left: 15px;\n}\n\n.checkbox-zone th {\n color: rgb(195, 200, 204);\n font-size: 12px;\n font-weight: 400;\n border: 0;\n vertical-align: middle;\n padding: 4px 0 8px 0;\n box-shadow: none;\n cursor: pointer;\n}\n\n.checkbox-zone tbody th span {\n position: relative;\n top: 2px;\n}\n\n.checkbox-zone td {\n padding: 4px 0 4px 0;\n border: 0;\n vertical-align: middle;\n}\n\n.checkbox-zone td .form-check {\n margin: 0;\n}\n\n.checkbox-zone .form-check {\n padding-left: 30px;\n cursor: pointer;\n}\n\n.checkbox-zone .form-check {\n position: relative;\n display: block;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.checkbox-zone input[type=checkbox], .checkbox-zone input[type=radio] {\n margin: 4px 0 0;\n margin-top: 1px\\9;\n line-height: normal;\n box-sizing: border-box;\n padding: 0;\n}\n\n.checkbox-zone .form-check input[type=\"radio\"], .checkbox-zone .form-check input[type=\"checkbox\"] {\n display: none;\n}\n\n.checkbox-zone .form-check input[type=checkbox], .checkbox-zone .form-check input[type=radio] {\n position: absolute;\n margin-top: 4px\\9;\n margin-left: -20px;\n}\n\n.checkbox-zone td .form-check label {\n padding-left: 0;\n padding-right: 10px;\n}\n\n.checkbox-zone .form-check label {\n position: relative;\n}\n\n.checkbox-zone .form-check label {\n min-height: 20px;\n padding-left: 10px;\n margin-bottom: 0;\n font-weight: 400;\n cursor: pointer;\n color: rgb(44, 49, 51);\n font-family: Arial;\n font-size: 14px;\n}\n\n.checkbox-zone .form-check .form-check-control {\n color: rgb(44, 49, 51);\n font-family: Arial;\n font-size: 14px;\n font-weight: 400;\n line-height: 20px;\n}\n\n.checkbox-zone .form-check input[type=\"checkbox\"]:checked + label .form-check-control:hover:before {\n background-color: rgb(82, 225, 19);\n border-color: rgb(82, 225, 19);\n}\n\n.checkbox-zone .form-check input[type=\"checkbox\"]:checked + label .form-check-control:before {\n background-color: rgb(66, 204, 5);\n border-color: rgb(66, 204, 5);\n}\n\n.checkbox-zone .form-check .form-check-control:hover:before {\n border: 1px solid rgb(195, 200, 204);\n}\n\n.checkbox-zone .form-check .form-check-control:before {\n width: 20px;\n height: 20px;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(233, 239, 240);\n border-radius: 2px;\n left: -30px;\n box-sizing: border-box;\n transition: all 0.1s;\n}\n\n.checkbox-zone .form-check input[type=\"checkbox\"]:checked + label .form-check-control:after {\n color: #62afff;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='12' height='9' viewBox='0 0 12 9' fill='%23ffffff'%3E%3Cpath d='M1.414 2.261L5 6.048 10.586 0 12 1.475 5 8.999 0 3.737l1.414-1.476z' class='f-icon check-small'/%3E%3C/svg%3E\");\n}\n\n.checkbox-zone .form-check .form-check-control:after {\n width: 14px;\n height: 11px;\n background-position: 50% 50%;\n background-image: none;\n text-indent: -9999px;\n background-repeat: no-repeat;\n display: inline-block;\n overflow: hidden;\n left: -27px;\n top: 0px;\n color: transparent;\n transition: color 0.1s;\n}\n\n.checkbox-zone .form-check span:before, .form-check span:after, .form-check div:before, .form-check div:after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto;\n}\n\n.time-targeting {\n margin-bottom: 20px;\n}\n\n.time-targeting a.undo {\n margin-left: 20px;\n}\n\n.time-targeting-spacing {\n height: 15px;\n}\n\n.show-in-h {\n padding: 0px 0px 30px 48px;\n}\n\n.noselect {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.time-targeting-wrapper {\n &.extended {\n display: flex;\n }\n}\n\n.extended-block {\n border-left: 1px solid #eceaea;\n padding: 0px 0px 0px 20px;\n & > h3 {\n margin: 9px 0px 10px 0px;\n font-size: 14pt;\n color: #585858;\n font-weight: normal;\n }\n}\n\n.extended-values {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n & > div {\n height: 24px;\n margin: 0 0px 4px 0;\n display: flex;\n align-items: center;\n & > div {\n width: 20px;\n height: 20px;\n border: 2px solid #dadada;\n cursor: pointer;\n margin: 0px 10px 0px 0px;\n &.current {\n border: 2px solid #656565;\n -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);\n -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);\n box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);\n }\n }\n }\n}\n\n.form-check-extended {\n width: 20px;\n height: 20px;\n margin: 0px 20px 0px 0px;\n & > div {\n width: 18px;\n height: 18px;\n border: 1px solid #d8d8d8;\n cursor: pointer;\n & > span {\n text-align: center;\n width: 100%;\n display: block;\n font-size: 10pt;\n line-height: 18px;\n }\n &:hover {\n\n }\n }\n}\n\n.form-check-extended {\n\n}\n\n.unsel {\n -moz-user-select: -moz-none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}","body {\n margin: 0px;\n padding: 0px;\n}\n\n.checkbox-zone .form-check .form-check-control:before {\n border: 1px solid #d7ddde !important;\n}\n\n.test_wrapper {\n width: 100%;\n background: #f7f7f7;\n height: 100%;\n min-height: 1000px;\n display: flex;\n}\n\n.test_container {\n margin: 0px auto;\n & h2 {\n color: #585858;\n margin: 40px 0px 20px 0px;\n }\n}\n\n.form-group {\n margin-bottom: 22px;\n}\n\n.btn-group>.btn:first-child:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group>.btn:first-child {\n margin-left: 0;\n}\n\n.btn.btn-outline {\n border-color: #d7dbdf;\n color: #2c3133;\n}\n\n.btn-group>.btn {\n position: relative;\n -ms-flex: 0 1 auto;\n flex: 0 1 auto;\n}\n\n.btn.btn-outline {\n border: 1px solid #d7dbdf;\n color: #7a7a7d;\n}\n\n.btn {\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 2px;\n padding: 12px 15px 11px 15px;\n color: #fff;\n font-family: Arial;\n font-size: 14px;\n font-weight: 400;\n white-space: nowrap;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n transition: all .3s ease;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.btn.btn-active {\n background: #dce3e4;\n z-index: 10;\n}\n\n.btn-group .btn+.btn {\n margin-left: -1px;\n}\n\n.time-targeting a.undo {\n margin-left: 20px;\n}\n\n.undo {\n color: #2c3133;\n font-family: Arial;\n font-size: 14px;\n font-weight: 400;\n text-decoration: none;\n transition: all .3s ease;\n position: relative;\n cursor: pointer;\n}\n\n.undo-icon {\n position: relative;\n top: 4px;\n margin-right: 8px;\n}\n\n.undo-icon .i-refresh {\n display: inline-block;\n transition: all .3s ease;\n}\n\n.f-ico.i-refresh {\n width: 20px;\n height: 20px;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23c3c8cc'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E\");\n}\n\n.undo:hover .i-refresh {\n width: 20px;\n height: 20px;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid' width='20' height='20' viewBox='0 0 20 20' fill='%23939699'%3E%3Cpath d='M10 0c4.838 0 8.873 3.435 9.8 8h-2.052A8.002 8.002 0 0 0 3.432 5.432L6 8H0V2l2 2a9.982 9.982 0 0 1 8-4zm4 12h6v6l-2-2a9.983 9.983 0 0 1-8 4c-4.838 0-8.873-3.436-9.8-8h2.052a8.004 8.004 0 0 0 14.316 2.568L14 12z' class='f-icon refresh'/%3E%3C/svg%3E\");\n}\n\n.form-group .form-control {\n background-color: #fff;\n border: 1px solid #e9eff0;\n border-radius: 2px;\n color: #313436;\n height: 20px;\n display: block;\n width: 100%;\n font-family: Arial;\n font-size: 14px;\n font-weight: 400;\n padding: 11px 14px 12px 19px;\n transition: border-color ease-in-out .15s;\n}\n\n.form-line {\n display: flex;\n}\n\n.ext-val100 {\n background: #AD0000;\n & > span {\n color: #ffffff;\n }\n}\n\n.ext-val90 {\n background: #ad3b00;\n & > span {\n color: #ffffff;\n }\n}\n\n.ext-val80 {\n background: #ad6d00;\n & > span {\n color: #ffffff;\n }\n}\n\n.ext-val70 {\n background: #ad7f00;\n & > span {\n color: #ffffff;\n }\n}\n\n.ext-val60 {\n background: #c7a000;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val50 {\n background: #d6c215;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val40 {\n background: #deda26;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val30 {\n background: #f6f100;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val20 {\n background: #f6ea57;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val10 {\n background: #f6e88e;\n & > span {\n color: #333333;\n }\n}\n\n.ext-val0 {\n background: #ffffff;\n & > span {\n color: #333333;\n }\n}"]}