Merge pull request #25 from drzzle-app/webhooksAndPages

Webhooks and pages

src/droplets/button/themes/default/styles.less

@@ -61,3 +61,60 @@
 .drzBtn::-moz-focus-inner {
   border: 0;
 }
+
+.drzBtn-done-message {
+  display: none;
+}
+
+.drzBtn-loader {
+  animation: load 1.1s infinite linear;
+  border: 4px solid;
+  border-color: fade(@white, 20%);
+  border-left: 4px solid;
+  border-left-color: fade(@white, 75%);
+  border-radius: 50%;
+  display: none;
+  font-size: 10px;
+  height: 30px;
+  position: relative;
+  text-indent: -9999em;
+  transform: translateZ(0);
+  width: 30px;
+
+  &:after {
+    border-radius: 50%;
+    height: 10em;
+    width: 10em;
+  }
+}
+
+.drzBtn-done {
+
+  .drzBtn-done-message {
+    display: inline-block;
+  }
+
+  .drzBtn-text {
+    display: none;
+  }
+}
+
+.drzBtn-loading {
+  .drzBtn-loader {
+    display: block;
+  }
+
+  .drzBtn-text {
+    display: none;
+  }
+}
+
+@keyframes load {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}

src/icons/config.json

@@ -2787,6 +2787,20 @@
       "search": [
         "data-page"
       ]
+    },
+    {
+      "uid": "645208ede764944dae105940b2a2628d",
+      "css": "brackets",
+      "code": 59601,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M986.3 533.1L875 644.4V835.9C875 926.4 801.4 1000 710.9 1000H625C599.1 1000 578.1 979 578.1 953.1S599.2 906.3 625 906.3H710.9C749.7 906.3 781.3 874.7 781.3 835.9V625C781.3 612.5 786.2 600.7 795 591.9L886.9 500 795 408.1C786.2 399.3 781.3 387.5 781.3 375V164.1C781.3 125.3 749.7 93.7 710.9 93.7H625C599.1 93.7 578.1 72.7 578.1 46.9S599.2 0 625 0H710.9C801.4 0 875 73.6 875 164.1V355.6L986.3 466.9C1004.6 485.2 1004.6 514.8 986.3 533.1ZM218.7 375V164.1C218.7 125.3 250.3 93.7 289.1 93.7H375C400.9 93.7 421.9 72.7 421.9 46.9S400.8 0 375 0H289.1C198.6 0 125 73.6 125 164.1V355.6L13.7 466.9C-4.6 485.2-4.6 514.8 13.7 533.1L125 644.4V835.9C125 926.4 198.6 1000 289.1 1000H375C400.9 1000 421.9 979 421.9 953.1S400.8 906.3 375 906.3H289.1C250.3 906.3 218.7 874.7 218.7 835.9V625C218.7 612.5 213.8 600.7 205 591.9L113.1 500 205 408.1C213.8 399.3 218.7 387.5 218.7 375Z",
+        "width": 1000
+      },
+      "search": [
+        "brackets"
+      ]
     }
   ]
 }

src/icons/css/drzzle-codes.css

@@ -208,6 +208,7 @@
 .drzicon-gradient-radial:before { content: '\e8ce'; } /* '' */
 .drzicon-slant-right:before { content: '\e8cf'; } /* '' */
 .drzicon-data-page:before { content: '\e8d0'; } /* '' */
+.drzicon-brackets:before { content: '\e8d1'; } /* '' */
 .drzicon-move:before { content: '\f047'; } /* '' */
 .drzicon-link-ext:before { content: '\f08e'; } /* '' */
 .drzicon-twitter:before { content: '\f099'; } /* '' */

src/icons/css/drzzle-ie7-codes.css

@@ -208,6 +208,7 @@
 .drzicon-gradient-radial { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-slant-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-data-page { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.drzicon-brackets { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

src/icons/css/drzzle-ie7.css

@@ -219,6 +219,7 @@
 .drzicon-gradient-radial { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-slant-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-data-page { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.drzicon-brackets { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .drzicon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

src/icons/css/drzzle.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'drzzle';
-  src: url('../font/drzzle.eot?29904278');
-  src: url('../font/drzzle.eot?29904278#iefix') format('embedded-opentype'),
-       url('../font/drzzle.woff2?29904278') format('woff2'),
-       url('../font/drzzle.woff?29904278') format('woff'),
-       url('../font/drzzle.ttf?29904278') format('truetype'),
-       url('../font/drzzle.svg?29904278#drzzle') format('svg');
+  src: url('../font/drzzle.eot?66431334');
+  src: url('../font/drzzle.eot?66431334#iefix') format('embedded-opentype'),
+       url('../font/drzzle.woff2?66431334') format('woff2'),
+       url('../font/drzzle.woff?66431334') format('woff'),
+       url('../font/drzzle.ttf?66431334') format('truetype'),
+       url('../font/drzzle.svg?66431334#drzzle') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,7 +15,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'drzzle';
-    src: url('../font/drzzle.svg?29904278#drzzle') format('svg');
+    src: url('../font/drzzle.svg?66431334#drzzle') format('svg');
   }
 }
 */
@@ -264,6 +264,7 @@
 .drzicon-gradient-radial:before { content: '\e8ce'; } /* '' */
 .drzicon-slant-right:before { content: '\e8cf'; } /* '' */
 .drzicon-data-page:before { content: '\e8d0'; } /* '' */
+.drzicon-brackets:before { content: '\e8d1'; } /* '' */
 .drzicon-move:before { content: '\f047'; } /* '' */
 .drzicon-link-ext:before { content: '\f08e'; } /* '' */
 .drzicon-twitter:before { content: '\f099'; } /* '' */