Commit 1577b91c authored by wqxducib's avatar wqxducib

Init

parents
node-modules
node_modules
.radon-callback-webform {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(25, 139, 190, 0.92);
color: #000;
width: 370px;
height: 51px;
bottom: 25px;
right: 16px;
position: fixed;
padding: 0 11px;
border-radius: 30px;
-webkit-box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.4);
box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.4);
z-index: 999;
-webkit-transition: all .25s ease-out 0s;
transition: all .25s ease-out 0s; }
.radon-callback-webform.with-error {
height: 65px;
width: 390px;
padding: 0 21px; }
.radon-callback-webform .close-btn {
background: url("/modules/custom/radon_callback/assets/images/icon-close.png") no-repeat;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
right: -14px;
top: -5px;
cursor: pointer; }
.radon-callback-webform .close-btn:hover {
background: url("/modules/custom/radon_callback/assets/images/icon-close-pressed.png") no-repeat; }
.radon-callback-webform .ajax-progress.ajax-progress-throbber {
display: none !important; }
.radon-callback-webform .throbber {
display: none; }
.radon-callback-webform .form-item {
margin: 10px 0; }
.radon-callback-webform .form-type-tel {
display: inline-block;
margin-right: 5px;
float: left; }
.radon-callback-webform .form-type-tel input.form-tel {
width: 200px;
border: 1px solid #ccc;
border-radius: 20px;
padding: 6px;
padding-left: 52px;
font-size: 13px; }
.radon-callback-webform .form-actions {
display: inline-block;
height: 51px;
margin: 0; }
.radon-callback-webform .form-actions .webform-button--submit {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: -3px -4px;
background-repeat: no-repeat;
background-size: 35px;
background-color: #08597e;
border: none;
font-size: 12px;
padding: 8px 40px 8px 52px;
border-radius: 20px;
text-transform: capitalize;
-webkit-transition: all .01s ease-out 0s;
transition: all .01s ease-out 0s;
border-bottom: 1px solid #064765;
margin-top: 10px; }
.radon-callback-webform .form-actions .webform-button--submit:focus {
outline: 0; }
.radon-callback-webform .form-actions .webform-button--submit:hover {
border-bottom: 2px solid #064765;
margin-top: 9px; }
.radon-callback-webform .webform-confirmation {
margin-top: 6px;
margin-left: 5px; }
.radon-callback-webform .webform-confirmation__message, .radon-callback-webform .webform-confirmation__back {
margin: 0;
display: inline-block;
font-size: 0.9em;
padding: 9px 0; }
.radon-callback-webform .webform-confirmation__message {
color: white;
margin-right: 10px; }
.radon-callback-webform .messages {
display: none; }
.radon-callback-webform .form-item--error-message {
color: white;
font-size: 15px;
position: absolute;
margin-top: 3px; }
.radon-callback-webform .form-item--error-message:before {
margin-right: 3px; }
.radon-callback-webform .form-item--error-message strong {
font-weight: normal; }
.radon-callback-webform.hide-elements input, .radon-callback-webform.hide-elements div {
display: none; }
.radon-callback-webform.circle {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: center center;
background-color: rgba(8, 89, 126, 0.9);
background-repeat: no-repeat;
cursor: pointer;
width: 72px;
height: 72px;
border-radius: 72px;
border: 3px solid #198bbe; }
/*# sourceMappingURL=callback.css.map */
{"version":3,"sources":["callback.scss"],"names":[],"mappings":"AAOA;EACE,+BAAsB;EAAtB,uBAAsB;EACtB,qCAPyC;EAQzC,YAAW;EACX,aAX0B;EAY1B,aAAY;EACZ,aAAY;EACZ,YAAW;EACX,gBAAe;EACf,gBAAe;EACf,oBAAmB;EACnB,iDAAqC;EAArC,yCAAqC;EACrC,aAAW;EACX,yCAAgC;EAAhC,iCAAgC,EAkGjC;EA/GD;IAeI,aAAW;IACX,aAAY;IACZ,gBAAe,EAChB;EAlBH;IAoBI,yFAAwF;IACxF,yBAAwB;IACxB,YAAW;IACX,aAAY;IACZ,mBAAkB;IAClB,aAAY;IACZ,UAAS;IACT,gBAAc,EAIf;IA/BH;MA6BM,iGAAgG,EACjG;EA9BL;IAiCI,yBAAuB,EACxB;EAlCH;IAoCI,cAAa,EACd;EArCH;IAuCI,eAAc,EACf;EAxCH;IA0CI,sBAAqB;IACrB,kBAAiB;IACjB,YAAU,EASX;IArDH;MA8CM,aAAY;MACZ,uBAAsB;MACtB,oBAtDoB;MAuDpB,aAAY;MACZ,mBAAkB;MAClB,gBAAe,EAChB;EApDL;IAuDI,sBAAqB;IACrB,aAAW;IACX,UAAQ,EAuBT;IAhFH;MA2DM,wwDAAuwD;MACvwD,+BAA8B;MAC9B,6BAA4B;MAC5B,sBAAqB;MACrB,0BAAiC;MACjC,aAAY;MACZ,gBAAe;MACf,2BAA0B;MAC1B,oBAzEoB;MA0EpB,2BAA0B;MAC1B,yCAAgC;MAAhC,iCAAgC;MAChC,iCAxE+B;MAyE/B,iBAAgB,EAQjB;MA/EL;QAyEQ,WAAU,EACX;MA1EP;QA4EQ,iCA9E6B;QA+E7B,gBAAe,EAChB;EA9EP;IAkFI,gBAAe;IACf,iBAAgB,EACjB;EApFH;IAsFI,UAAS;IACT,sBAAqB;IACrB,iBAAgB;IAChB,eAAc,EACf;EA1FH;IA4FI,aAAY;IACZ,mBAAkB,EACnB;EA9FH;IAgGI,cAAY,EACb;EAjGH;IAmGI,aAAW;IACX,gBAAe;IACf,mBAAiB;IACjB,gBAAc,EAQf;IA9GH;MAyGM,kBAAiB,EAClB;IA1GL;MA4GM,oBAAkB,EACnB;;AAGL;EAEI,cAAY,EACb;;AAEH;EACE,wwDAAuwD;EACvwD,mCAAkC;EAClC,wCA5H6C;EA6H7C,6BAA4B;EAC5B,gBAAc;EACd,YAAW;EACX,aAAY;EACZ,oBAAmB;EACnB,0BAjI8B,EAkI/B","file":"callback.css","sourcesContent":["$radon_callback_width: 370px;\n$input-border-radius: 20px;\n$background-color: rgba(25, 139, 190, 0.92);\n$background-circle-color: rgba(8, 89, 126, 0.9);\n$border-color: rgb(25, 139, 190);\n$button-bottom-color: rgb(6, 71, 101);\n\n.radon-callback-webform {\n box-sizing: border-box;\n background: $background-color;\n color: #000;\n width: $radon_callback_width;\n height: 51px;\n bottom: 25px;\n right: 16px;\n position: fixed;\n padding: 0 11px;\n border-radius: 30px;\n box-shadow: 0 0 1.2em rgba(0,0,0,0.4);\n z-index:999;\n transition: all .25s ease-out 0s;\n &.with-error {\n height:65px;\n width: 390px;\n padding: 0 21px;\n }\n .close-btn {\n background: url('/modules/custom/radon_callback/assets/images/icon-close.png') no-repeat;\n background-size: contain;\n width: 16px;\n height: 16px;\n position: absolute;\n right: -14px;\n top: -5px;\n cursor:pointer;\n &:hover {\n background: url('/modules/custom/radon_callback/assets/images/icon-close-pressed.png') no-repeat;\n }\n }\n .ajax-progress.ajax-progress-throbber {\n display:none !important;\n }\n .throbber {\n display: none;\n }\n .form-item {\n margin: 10px 0;\n }\n .form-type-tel {\n display: inline-block;\n margin-right: 5px;\n float:left;\n input.form-tel {\n width: 200px;\n border: 1px solid #ccc;\n border-radius: $input-border-radius;\n padding: 6px;\n padding-left: 52px;\n font-size: 13px;\n }\n }\n .form-actions {\n display: inline-block;\n height:51px;\n margin:0;\n .webform-button--submit {\n background-image: url(\"data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==\");\n background-position: -3px -4px;\n background-repeat: no-repeat;\n background-size: 35px;\n background-color: rgb(8, 89, 126);\n border: none;\n font-size: 12px;\n padding: 8px 40px 8px 52px;\n border-radius: $input-border-radius;\n text-transform: capitalize;\n transition: all .01s ease-out 0s;\n border-bottom: 1px solid $button-bottom-color;\n margin-top: 10px;\n &:focus {\n outline: 0;\n }\n &:hover {\n border-bottom: 2px solid $button-bottom-color;\n margin-top: 9px;\n }\n }\n }\n .webform-confirmation {\n margin-top: 6px;\n margin-left: 5px;\n }\n .webform-confirmation__message, .webform-confirmation__back {\n margin: 0;\n display: inline-block;\n font-size: 0.9em;\n padding: 9px 0;\n }\n .webform-confirmation__message {\n color: white;\n margin-right: 10px;\n }\n .messages {\n display:none;\n }\n .form-item--error-message {\n color:white;\n font-size: 15px;\n position:absolute;\n margin-top:3px;\n &:before {\n //display:none;\n margin-right: 3px;\n }\n strong {\n font-weight:normal;\n }\n }\n}\n.radon-callback-webform.hide-elements {\n input, div {\n display:none;\n }\n}\n.radon-callback-webform.circle {\n background-image: url(\"data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==\");\n background-position: center center;\n background-color: $background-circle-color;\n background-repeat: no-repeat;\n cursor:pointer;\n width: 72px;\n height: 72px;\n border-radius: 72px;\n border: 3px solid $border-color;\n}\n\n"]}
\ No newline at end of file
(function ($, Drupal) {
'use strict';
Drupal.behaviors.radon_callback = {
attach: function (context, settings) {
var $form = $(context).find('form.radon-callback-webform');
if ($form.length != 1) {
return;
}
if ($form.once('callback').length > 0) {
$form.find('.close-btn').on('click', function(e) {
e.stopPropagation();
$form.addClass('circle').addClass('hide-elements');
});
$form.on('click', function() {
if (!$form.hasClass('circle')) {
return;
}
$form.removeClass('circle');
setTimeout(function() {
$form.removeClass('hide-elements');
}, 250);
});
}
var $form_wrapper = $form.parents('#block-callback-form');
var $error_item = $form.find('.form-type-tel .form-item--error-message');
$form_wrapper.removeClass('with-error');
if ($error_item.length > 0) {
$form_wrapper.addClass('with-error');
}
}
};
})(jQuery, Drupal);
$radon_callback_width: 370px;
$input-border-radius: 20px;
$background-color: rgba(25, 139, 190, 0.92);
$background-circle-color: rgba(8, 89, 126, 0.9);
$border-color: rgb(25, 139, 190);
$button-bottom-color: rgb(6, 71, 101);
.radon-callback-webform {
box-sizing: border-box;
background: $background-color;
color: #000;
width: $radon_callback_width;
height: 51px;
bottom: 25px;
right: 16px;
position: fixed;
padding: 0 11px;
border-radius: 30px;
box-shadow: 0 0 1.2em rgba(0,0,0,0.4);
z-index:999;
-webkit-transition: all .25s ease-out 0s;
transition: all .25s ease-out 0s;
&.with-error {
height:65px;
width: 390px;
padding: 0 21px;
}
.close-btn {
background: url('/modules/custom/radon_callback/assets/images/icon-close.png') no-repeat;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
right: -14px;
top: -5px;
cursor:pointer;
&:hover {
background: url('/modules/custom/radon_callback/assets/images/icon-close-pressed.png') no-repeat;
}
}
.ajax-progress.ajax-progress-throbber {
display:none !important;
}
.throbber {
display: none;
}
.form-item {
margin: 10px 0;
}
.form-type-tel {
display: inline-block;
margin-right: 5px;
float:left;
input.form-tel {
width: 200px;
border: 1px solid #ccc;
border-radius: $input-border-radius;
padding: 6px;
padding-left: 52px;
font-size: 13px;
}
}
.form-actions {
display: inline-block;
height:51px;
margin:0;
.webform-button--submit {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: -3px -4px;
background-repeat: no-repeat;
background-size: 35px;
background-color: rgb(8, 89, 126);
border: none;
font-size: 12px;
padding: 8px 40px 8px 52px;
border-radius: $input-border-radius;
text-transform: capitalize;
-webkit-transition: all .01s ease-out 0s;
transition: all .01s ease-out 0s;
border-bottom: 1px solid $button-bottom-color;
margin-top: 10px;
&:focus {
outline: 0;
}
&:hover {
border-bottom: 2px solid $button-bottom-color;
margin-top: 9px;
}
}
}
.webform-confirmation {
margin-top: 6px;
margin-left: 5px;
}
.webform-confirmation__message, .webform-confirmation__back {
margin: 0;
display: inline-block;
font-size: 0.9em;
padding: 9px 0;
}
.webform-confirmation__message {
color: white;
margin-right: 10px;
}
.messages {
display:none;
}
.form-item--error-message {
color:white;
font-size: 15px;
position:absolute;
margin-top:3px;
&:before {
//display:none;
margin-right: 3px;
}
strong {
font-weight:normal;
}
}
}
.radon-callback-webform.hide-elements {
input, div {
display:none;
}
}
.radon-callback-webform.circle {
background-image: url("data:image/svg+xml;base64,CgkJPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIGNsYXNzPSJyYy1yZXNldCI+CgkJCTxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQyLjczNDI3OSwgNDEuNDk5NDQ5KSByb3RhdGUoMTIwLjAwMDAwMCkgdHJhbnNsYXRlKC00Mi43MzQyNzksIC00MS40OTk0NDkpIiBkPSJNMjcuOSA1MC4yQzI2LjYgNTAuOSAyNiA1MC45IDI1IDQ5LjcgMjQuNyA0OS40IDI0LjggNDkuMSAyNS4xIDQ4LjkgMjggNDcuMyAyOS44IDQ2LjIgMzIuMyA0NC44IDMyLjUgNDQuNiAzMi44IDQ0LjUgMzMuMSA0NC41IDMzLjMgNDQuNCAzMy42IDQ0LjYgMzMuNyA0NC43IDM0LjEgNDUuNiAzMy42IDQ2LjkgMzIuNyA0Ny40IDMxLjkgNDcuOSAzMC44IDQ4LjUgMzAuMiA0OC44IDI5LjYgNDkuMiAyOC43IDQ5LjggMjcuOSA1MC4yWk01Ny41IDUwLjJDNTguOCA1MC45IDU5LjQgNTAuOSA2MC40IDQ5LjcgNjAuNyA0OS40IDYwLjcgNDkuMSA2MC4zIDQ4LjkgNTcuNCA0Ny4zIDU1LjYgNDYuMiA1My4yIDQ0LjggNTIuOSA0NC42IDUyLjYgNDQuNSA1Mi4zIDQ0LjUgNTIuMiA0NC40IDUxLjggNDQuNiA1MS44IDQ0LjcgNTEuNCA0NS42IDUxLjkgNDYuOSA1Mi43IDQ3LjQgNTMuNiA0Ny45IDU0LjYgNDguNSA1NS4yIDQ4LjggNTUuOSA0OS4yIDU2LjggNDkuOCA1Ny41IDUwLjJaTTYwLjkgNDcuOUM1OS4yIDQ2LjkgNTQuOSA0NC40IDUyLjkgNDMuMyA1Mi43IDQzLjEgNTIuNCA0Mi44IDUyLjQgNDIuNSA1Mi4xIDQwLjcgNTAuOSAzOS4zIDQ5IDM5LjMgNDYuOSAzOS4zIDQ0LjggMzkuMiA0Mi43IDM5LjIgNDAuNyAzOS4yIDM4LjYgMzkuMyAzNi41IDM5LjMgMzQuNiAzOS4zIDMzLjQgNDAuNyAzMy4xIDQyLjUgMzMuMSA0Mi44IDMyLjggNDMuMSAzMi42IDQzLjMgMzAuNiA0NC40IDI3LjEgNDYuNCAyNC42IDQ3LjggMjQuMyA0OCAyMy43IDQ3LjggMjMuNCA0NyAyMy4yIDQ2LjQgMjMuMSA0NS44IDIzIDQ1LjIgMjIuMyA0MS43IDIzLjYgMzggMjYuOCAzNi40IDI4LjcgMzUuNCAzMC43IDM0LjYgMzIuNyAzMy45IDM1LjkgMzIuNiAzOS4zIDMyLjMgNDIuNyAzMi40IDQ2LjIgMzIuMyA0OS41IDMyLjYgNTIuOCAzMy45IDU0LjggMzQuNiA1Ni44IDM1LjQgNTguNyAzNi40IDYxLjkgMzggNjMuMiA0MS43IDYyLjUgNDUuMiA2Mi40IDQ1LjggNjEuOSA0Ni45IDYxLjcgNDcuNSA2MS42IDQ3LjggNjEuMiA0OCA2MC45IDQ3LjlaIiBjbGFzcz0icmMtcmVzZXQiPjwvcGF0aD4KCQk8L3N2Zz4KCQ==");
background-position: center center;
background-color: $background-circle-color;
background-repeat: no-repeat;
cursor:pointer;
width: 72px;
height: 72px;
border-radius: 72px;
border: 3px solid $border-color;
}
{
"name": "radon_features/radon_callback",
"type": "drupal-custom-feature",
"description": "Callback button",
"keywords": ["Drupal"],
"license": "GPL-2.0+",
"homepage": "https://git.ra-don.com/radon_features/radon_callback",
"minimum-stability": "dev",
"require": { }
}
langcode: ru
status: open
dependencies: { }
_core:
default_config_hash: fMIF7dOyypsRaoCa5GmFjG9II-5y1APk_GCQi4FNlnk
open: null
close: null
uid: 1
template: false
id: callback
title: Callback
description: 'Форма обратного звонка'
category: ''
elements: "telefon:\n '#type': tel\n '#title': Телефон\n '#title_display': invisible\n '#placeholder': '+7 999 99 99 999'\n '#autocomplete': 'off'\n '#required': true\n '#required_error': 'Нужно указать телефон'\n '#international': true\n '#international_initial_country': RU\nactions:\n '#type': webform_actions\n '#title': Заказать\n '#submit__label': Заказать\n"
css: ''
javascript: ''
settings:
ajax: true
page: true
page_submit_path: ''
page_confirm_path: ''
form_submit_once: false
form_exception_message: ''
form_open_message: ''
form_close_message: ''
form_previous_submissions: true
form_confidential: false
form_confidential_message: ''
form_convert_anonymous: false
form_prepopulate: false
form_prepopulate_source_entity: false
form_prepopulate_source_entity_required: false
form_prepopulate_source_entity_type: ''
form_disable_autocomplete: false
form_novalidate: false
form_unsaved: false
form_disable_back: false
form_autofocus: false
form_details_toggle: false
submission_label: ''
submission_log: false
submission_user_columns: { }
wizard_progress_bar: true
wizard_progress_pages: false
wizard_progress_percentage: false
wizard_start_label: ''
wizard_complete: true
wizard_complete_label: ''
preview: 0
preview_label: ''
preview_title: ''
preview_message: ''
preview_attributes: { }
preview_excluded_elements: { }
draft: none
draft_multiple: false
draft_auto_save: false
draft_saved_message: ''
draft_loaded_message: ''
confirmation_type: inline
confirmation_title: ''
confirmation_message: 'Спасибо! Мы перезвоним Вам позже.'
confirmation_url: ''
confirmation_attributes: { }
confirmation_back: true
confirmation_back_label: Назад
confirmation_back_attributes: { }
limit_total: null
limit_total_message: ''
limit_user: null
limit_user_message: ''
purge: none
purge_days: null
entity_limit_total: null
entity_limit_user: null
results_disabled: false
results_disabled_ignore: false
token_update: false
access:
create:
roles:
- anonymous
- authenticated
users: { }
view_any:
roles: { }
users: { }
update_any:
roles: { }
users: { }
delete_any:
roles: { }
users: { }
purge_any:
roles: { }
users: { }
view_own:
roles: { }
users: { }
update_own:
roles: { }
users: { }
delete_own:
roles: { }
users: { }
handlers:
email:
id: email
label: Email
handler_id: email
status: true
weight: 0
settings:
states:
- completed
to_mail: '[site:infostandardmail]'
to_options: { }
cc_mail: ''
cc_options: { }
bcc_mail: ''
bcc_options: { }
from_mail: '[site:robotstandardmail]'
from_options: { }
from_name: default
subject: default
body: default
excluded_elements: { }
ignore_access: false
html: true
attachments: false
debug: false
reply_to: ''
return_path: ''
\ No newline at end of file
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var livereload = require('gulp-livereload');
gulp.task('sass', function () {
gulp.src('assets/scss/callback.scss')
//.pipe(sass.sync().on('error', sass.logError))
.pipe(sourcemaps.init())
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('assets/css/'))
});
gulp.task('default', function () {
livereload.listen();
gulp.start('sass');
gulp.watch('assets/scss/**', function () {
setTimeout(function () {
gulp.start('sass');
}, 200);
});
gulp.watch('assets/css/*.css').on('change', livereload.changed);
});
This source diff could not be displayed because it is too large. You can view the blob instead.
{
"name": "radon_callback",
"version": "1.0.0",
"description": "Callack feature",
"main": "gulpfile.js",
"repository": {
"type": "git",
"url": ""
},
"author": "adubovskoy",
"license": "MIT",
"dependencies": {
"gulp": "*",
"gulp-sass": "*",
"gulp-autoprefixer": "*",
"gulp-sourcemaps": "*",
"gulp-livereload": "*"
}
}
name: radon_callback
type: module
description: 'Callback button'
core: 8.x
package: Custom
dependencies:
- radon_custom_tokens
- webform
\ No newline at end of file
radon-callback:
version: 1.0
css:
theme:
assets/css/callback.css: {}
js:
assets/js/callback.js: {}
dependencies:
- core/jquery
- core/jquery.once
<?php
/**
* @file
* Contains radon_callback.module.
*/
use Drupal\Core\Routing\RouteMatchInterface;
/**
* Implements hook_help().
*/
function radon_callback_help($route_name, RouteMatchInterface $route_match) {
switch ($route_name) {
// Main module help for the radon_callback module.
case 'help.page.radon_callback':
$output = '';
$output .= '<h3>' . t('About') . '</h3>';
$output .= '<p>' . t('Callback button') . '</p>';
return $output;
default:
}
}
function radon_callback_page_attachments(array &$attachments) {
$attachments['#attached']['library'][] = 'radon_callback/radon-callback';
}
/**
* Implements hook_form_alter().
*/
function radon_callback_form_alter(&$form, \Drupal\Core\Form\FormStateInterface $form_state, $form_id) {
if (strpos($form_id, 'webform_submission_callback') === 0) {
$form['close-btn'] = [
'#type' => 'markup',
'#markup' => '<div class="close-btn"></div>',
];
$form['#attributes']['class'][] = 'radon-callback-webform';
}
}
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment