ac-form-layout
Version:
FormLayout ui component for react
1 lines • 4.39 kB
Source Map (JSON)
{"version":3,"sources":["../src/FormLayout.scss"],"names":[],"mappings":"AACI;EACI,UACJ,EAAC;;AAED;EACI,WAAU;EACV,mBAAkB,EA0FrB;EA5FA;IAKO,sBAAqB;IACrB,aAAY;IACZ,kBAAiB,EACpB;EARJ;IAWO,0BAAyB;IACzB,sBAAqB,EACxB;EAbJ;;;IAoBW,sBAAqB,EACxB;EArBR;;IAyBW,eAAc,EACjB;EA1BR;IA8BO,aAAY,EACf;EA/BJ;IAkCO,uBAAsB,EACzB;EAnCJ;IAsCO,sBAAqB,EAexB;IArDJ;MAyCW,aAAY;MACZ,aAAY,EACf;IA3CR;MA8CW,mBAAkB;MAClB,WAAU,EAKb;MApDR;QAkDe,aAAY,EACf;EAIT;IACI,mBAAkB,EACrB;EAED;IACI,eAAc;IACd,mBAAkB;IAClB,WAAU;IACV,WAAU;IACV,YAAW;IACX,mBAAkB;IAClB,iBAAgB;IAChB,eAAc;IACd,oBAAmB;IACnB,wBAAuB;IACvB,aAAY;IACZ,qBAAoB,EAOvB;IANG;MACI,kBAAiB;MACjB,mBAAkB;MAClB,iBAAgB;MAChB,gDAA+C,EAClD;EAGL;IACI,mBAAkB;IAClB,eAAc;IACd,WAAU;IACV,YAAW;IACX,iBAAgB;IAChB,aAAY;IACZ,sBAAqB;IACrB,yBAAwB;IACxB,gCAA+B;IAC/B,iCAAgC,EACnC;;AAGL;EACI,mBAAkB;EAClB,SAAQ;EACR,eAAc;EACd,WAAU,EACb;;AAxGL;EAkHQ,qBAAoB,EAqBvB;EAvIL;;;IAuHY,iBAAgB;IAChB,aAAY;IACZ,eAAc;IACd,iBAAgB,EACnB;EA3HT;IA8HY,iBAAgB;IAChB,aAAY,EACf;EAhIT;;;IAqIY,cAAa,EAChB","file":"demo.css","sourcesContent":[".ac-form-layout {\n &-row {\n margin: 0\n }\n\n &-item {\n padding: 0;\n margin-bottom: 8px;\n\n .u-label {\n display: inline-block;\n width: 140px;\n text-align: right;\n }\n\n .u-label+* {\n width: calc(100% - 140px);\n display: inline-block;\n }\n\n &.error {\n\n .u-form-control,\n .u-input-number,\n .u-input-number.u-input-group.simple .u-input-group-btn {\n border-color: #f53c32;\n }\n\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .plus,\n .u-input-number.u-input-group.simple .u-input-group-btn .icon-group .reduce {\n color: #f53c32;\n }\n }\n\n .datepicker-input-group .u-form-control {\n float: unset;\n }\n\n .ref-input-wrap {\n width: 100% !important;\n }\n\n .u-input-number.u-input-group.simple {\n display: inline-block;\n\n .u-form-control {\n float: unset;\n height: 30px;\n }\n\n .u-input-group-btn {\n position: absolute;\n right: 2px;\n\n .icon-group {\n height: 30px;\n }\n }\n }\n\n &-out {\n position: relative;\n }\n\n &-error-msg {\n color: #f53c32;\n position: absolute;\n z-index: 2;\n top: -28px;\n width: 100%;\n text-align: center;\n overflow: hidden;\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n height: 30px;\n pointer-events: none;\n &-text{\n padding: 5px 10px;\n border-radius: 4px;\n background: #fff;\n box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);\n }\n }\n\n &-error-msg::after {\n position: absolute;\n display: block;\n width: 6px;\n height: 6px;\n background: #fff;\n content: \" \";\n left: calc(50% - 5px);\n transform: rotate(45deg);\n border-right: 1px solid #a5adba;\n border-bottom: 1px solid #a5adba;\n }\n }\n\n &-mast {\n position: relative;\n top: 2px;\n color: #f53c32;\n right: 2px;\n }\n\n // &-error-msg.inverse.u-tooltip{\n // .tooltip-inner{\n // color: #f53c32;\n // border: none!important;\n // box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);\n // }\n // }\n &.disabled {\n pointer-events: none;\n\n .rc-tree-select-selection,\n .rc-tree-select-selection:hover,\n .u-form-control {\n background: none;\n border: none;\n color: #111111;\n box-shadow: none;\n }\n\n .u-select .u-select-selection {\n background: none;\n border: none;\n }\n\n .u-select-arrow,\n .rc-tree-select-menu-icon,\n .u-input-group-btn {\n display: none;\n }\n }\n}"],"sourceRoot":"/source/"}