FOUR-19136 | CSS Updates for Screen Templates Panel

resources/fonts/pm-font/index.html

@@ -103,7 +103,7 @@
 
   <div class="header">
 
-    <h1>ProcessMaker Icons<sup>4.11.0+beta-2</sup></h1>
+    <h1>ProcessMaker Icons<sup>4.11.2-RC1</sup></h1>
     <div class="info">
       Icons generated with svgtofont. For add new icons, please check the README file
     </div>
@@ -115,7 +115,7 @@ <h1>ProcessMaker Icons<sup>4.11.0+beta-2</sup></h1>
   </div>
   <div class="icons">
     <ul>
-      <li class="class-icon"><i class="fp-bpmn-action-by-email"></i><p class="name">bpmn-action-by-email</p></li><li class="class-icon"><i class="fp-bpmn-data-connector"></i><p class="name">bpmn-data-connector</p></li><li class="class-icon"><i class="fp-bpmn-data-object"></i><p class="name">bpmn-data-object</p></li><li class="class-icon"><i class="fp-bpmn-data-store"></i><p class="name">bpmn-data-store</p></li><li class="class-icon"><i class="fp-bpmn-docusign"></i><p class="name">bpmn-docusign</p></li><li class="class-icon"><i class="fp-bpmn-end-event"></i><p class="name">bpmn-end-event</p></li><li class="class-icon"><i class="fp-bpmn-flowgenie"></i><p class="name">bpmn-flowgenie</p></li><li class="class-icon"><i class="fp-bpmn-gateway"></i><p class="name">bpmn-gateway</p></li><li class="class-icon"><i class="fp-bpmn-generic-gateway"></i><p class="name">bpmn-generic-gateway</p></li><li class="class-icon"><i class="fp-bpmn-idp"></i><p class="name">bpmn-idp</p></li><li class="class-icon"><i class="fp-bpmn-intermediate-event"></i><p class="name">bpmn-intermediate-event</p></li><li class="class-icon"><i class="fp-bpmn-pool"></i><p class="name">bpmn-pool</p></li><li class="class-icon"><i class="fp-bpmn-send-email"></i><p class="name">bpmn-send-email</p></li><li class="class-icon"><i class="fp-bpmn-start-event"></i><p class="name">bpmn-start-event</p></li><li class="class-icon"><i class="fp-bpmn-task"></i><p class="name">bpmn-task</p></li><li class="class-icon"><i class="fp-bpmn-text-annotation"></i><p class="name">bpmn-text-annotation</p></li><li class="class-icon"><i class="fp-brush-icon"></i><p class="name">brush-icon</p></li><li class="class-icon"><i class="fp-close"></i><p class="name">close</p></li><li class="class-icon"><i class="fp-copy"></i><p class="name">copy</p></li><li class="class-icon"><i class="fp-desktop"></i><p class="name">desktop</p></li><li class="class-icon"><i class="fp-eye"></i><p class="name">eye</p></li><li class="class-icon"><i class="fp-fullscreen"></i><p class="name">fullscreen</p></li><li class="class-icon"><i class="fp-github"></i><p class="name">github</p></li><li class="class-icon"><i class="fp-map"></i><p class="name">map</p></li><li class="class-icon"><i class="fp-mobile"></i><p class="name">mobile</p></li><li class="class-icon"><i class="fp-pdf"></i><p class="name">pdf</p></li><li class="class-icon"><i class="fp-plus"></i><p class="name">plus</p></li><li class="class-icon"><i class="fp-slack-notification"></i><p class="name">slack-notification</p></li><li class="class-icon"><i class="fp-slack"></i><p class="name">slack</p></li><li class="class-icon"><i class="fp-slideshow"></i><p class="name">slideshow</p></li><li class="class-icon"><i class="fp-table"></i><p class="name">table</p></li>
+      <li class="class-icon"><i class="fp-bpmn-action-by-email"></i><p class="name">bpmn-action-by-email</p></li><li class="class-icon"><i class="fp-bpmn-data-connector"></i><p class="name">bpmn-data-connector</p></li><li class="class-icon"><i class="fp-bpmn-data-object"></i><p class="name">bpmn-data-object</p></li><li class="class-icon"><i class="fp-bpmn-data-store"></i><p class="name">bpmn-data-store</p></li><li class="class-icon"><i class="fp-bpmn-docusign"></i><p class="name">bpmn-docusign</p></li><li class="class-icon"><i class="fp-bpmn-end-event"></i><p class="name">bpmn-end-event</p></li><li class="class-icon"><i class="fp-bpmn-flowgenie"></i><p class="name">bpmn-flowgenie</p></li><li class="class-icon"><i class="fp-bpmn-gateway"></i><p class="name">bpmn-gateway</p></li><li class="class-icon"><i class="fp-bpmn-generic-gateway"></i><p class="name">bpmn-generic-gateway</p></li><li class="class-icon"><i class="fp-bpmn-idp"></i><p class="name">bpmn-idp</p></li><li class="class-icon"><i class="fp-bpmn-intermediate-event"></i><p class="name">bpmn-intermediate-event</p></li><li class="class-icon"><i class="fp-bpmn-pool"></i><p class="name">bpmn-pool</p></li><li class="class-icon"><i class="fp-bpmn-send-email"></i><p class="name">bpmn-send-email</p></li><li class="class-icon"><i class="fp-bpmn-start-event"></i><p class="name">bpmn-start-event</p></li><li class="class-icon"><i class="fp-bpmn-task"></i><p class="name">bpmn-task</p></li><li class="class-icon"><i class="fp-bpmn-text-annotation"></i><p class="name">bpmn-text-annotation</p></li><li class="class-icon"><i class="fp-brush-icon"></i><p class="name">brush-icon</p></li><li class="class-icon"><i class="fp-close"></i><p class="name">close</p></li><li class="class-icon"><i class="fp-copy"></i><p class="name">copy</p></li><li class="class-icon"><i class="fp-css-icon"></i><p class="name">css-icon</p></li><li class="class-icon"><i class="fp-desktop"></i><p class="name">desktop</p></li><li class="class-icon"><i class="fp-eye"></i><p class="name">eye</p></li><li class="class-icon"><i class="fp-fields-icon"></i><p class="name">fields-icon</p></li><li class="class-icon"><i class="fp-fullscreen"></i><p class="name">fullscreen</p></li><li class="class-icon"><i class="fp-github"></i><p class="name">github</p></li><li class="class-icon"><i class="fp-layout-icon"></i><p class="name">layout-icon</p></li><li class="class-icon"><i class="fp-map"></i><p class="name">map</p></li><li class="class-icon"><i class="fp-mobile"></i><p class="name">mobile</p></li><li class="class-icon"><i class="fp-pdf"></i><p class="name">pdf</p></li><li class="class-icon"><i class="fp-plus"></i><p class="name">plus</p></li><li class="class-icon"><i class="fp-slack-notification"></i><p class="name">slack-notification</p></li><li class="class-icon"><i class="fp-slack"></i><p class="name">slack</p></li><li class="class-icon"><i class="fp-slideshow"></i><p class="name">slideshow</p></li><li class="class-icon"><i class="fp-table"></i><p class="name">table</p></li>
     </ul>
   </div>
   <p class="links">

resources/fonts/pm-font/processmaker-font.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1723741916029'); /* IE9*/
-  src: url('processmaker-font.eot?t=1723741916029#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1723741916029") format("woff2"),
-  url("processmaker-font.woff?t=1723741916029") format("woff"),
-  url('processmaker-font.ttf?t=1723741916029') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1723741916029#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1726428928126'); /* IE9*/
+  src: url('processmaker-font.eot?t=1726428928126#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1726428928126") format("woff2"),
+  url("processmaker-font.woff?t=1726428928126") format("woff"),
+  url('processmaker-font.ttf?t=1726428928126') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1726428928126#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -35,16 +35,19 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-copy:before { content: "\ea13"; }
-.fp-desktop:before { content: "\ea14"; }
-.fp-eye:before { content: "\ea15"; }
-.fp-fullscreen:before { content: "\ea16"; }
-.fp-github:before { content: "\ea17"; }
-.fp-map:before { content: "\ea18"; }
-.fp-mobile:before { content: "\ea19"; }
-.fp-pdf:before { content: "\ea1a"; }
-.fp-plus:before { content: "\ea1b"; }
-.fp-slack-notification:before { content: "\ea1c"; }
-.fp-slack:before { content: "\ea1d"; }
-.fp-slideshow:before { content: "\ea1e"; }
-.fp-table:before { content: "\ea1f"; }
+.fp-css-icon:before { content: "\ea14"; }
+.fp-desktop:before { content: "\ea15"; }
+.fp-eye:before { content: "\ea16"; }
+.fp-fields-icon:before { content: "\ea17"; }
+.fp-fullscreen:before { content: "\ea18"; }
+.fp-github:before { content: "\ea19"; }
+.fp-layout-icon:before { content: "\ea1a"; }
+.fp-map:before { content: "\ea1b"; }
+.fp-mobile:before { content: "\ea1c"; }
+.fp-pdf:before { content: "\ea1d"; }
+.fp-plus:before { content: "\ea1e"; }
+.fp-slack-notification:before { content: "\ea1f"; }
+.fp-slack:before { content: "\ea20"; }
+.fp-slideshow:before { content: "\ea21"; }
+.fp-table:before { content: "\ea22"; }
 

resources/fonts/pm-font/processmaker-font.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1723741916029'); /* IE9*/
-  src: url('processmaker-font.eot?t=1723741916029#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1723741916029") format("woff2"),
-  url("processmaker-font.woff?t=1723741916029") format("woff"),
-  url('processmaker-font.ttf?t=1723741916029') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1723741916029#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1726428928126'); /* IE9*/
+  src: url('processmaker-font.eot?t=1726428928126#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1726428928126") format("woff2"),
+  url("processmaker-font.woff?t=1726428928126") format("woff"),
+  url('processmaker-font.ttf?t=1726428928126') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1726428928126#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -33,15 +33,18 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-copy:before { content: "\ea13"; }
-.fp-desktop:before { content: "\ea14"; }
-.fp-eye:before { content: "\ea15"; }
-.fp-fullscreen:before { content: "\ea16"; }
-.fp-github:before { content: "\ea17"; }
-.fp-map:before { content: "\ea18"; }
-.fp-mobile:before { content: "\ea19"; }
-.fp-pdf:before { content: "\ea1a"; }
-.fp-plus:before { content: "\ea1b"; }
-.fp-slack-notification:before { content: "\ea1c"; }
-.fp-slack:before { content: "\ea1d"; }
-.fp-slideshow:before { content: "\ea1e"; }
-.fp-table:before { content: "\ea1f"; }
+.fp-css-icon:before { content: "\ea14"; }
+.fp-desktop:before { content: "\ea15"; }
+.fp-eye:before { content: "\ea16"; }
+.fp-fields-icon:before { content: "\ea17"; }
+.fp-fullscreen:before { content: "\ea18"; }
+.fp-github:before { content: "\ea19"; }
+.fp-layout-icon:before { content: "\ea1a"; }
+.fp-map:before { content: "\ea1b"; }
+.fp-mobile:before { content: "\ea1c"; }
+.fp-pdf:before { content: "\ea1d"; }
+.fp-plus:before { content: "\ea1e"; }
+.fp-slack-notification:before { content: "\ea1f"; }
+.fp-slack:before { content: "\ea20"; }
+.fp-slideshow:before { content: "\ea21"; }
+.fp-table:before { content: "\ea22"; }

resources/fonts/pm-font/processmaker-font.module.less

@@ -1,10 +1,10 @@
 @font-face {font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1723741916029'); /* IE9*/
-  src: url('processmaker-font.eot?t=1723741916029#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1723741916029") format("woff2"),
-  url("processmaker-font.woff?t=1723741916029") format("woff"),
-  url('processmaker-font.ttf?t=1723741916029') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1723741916029#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1726428928126'); /* IE9*/
+  src: url('processmaker-font.eot?t=1726428928126#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1726428928126") format("woff2"),
+  url("processmaker-font.woff?t=1726428928126") format("woff"),
+  url('processmaker-font.ttf?t=1726428928126') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1726428928126#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -34,17 +34,20 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-copy:before { content: "\ea13"; }
-.fp-desktop:before { content: "\ea14"; }
-.fp-eye:before { content: "\ea15"; }
-.fp-fullscreen:before { content: "\ea16"; }
-.fp-github:before { content: "\ea17"; }
-.fp-map:before { content: "\ea18"; }
-.fp-mobile:before { content: "\ea19"; }
-.fp-pdf:before { content: "\ea1a"; }
-.fp-plus:before { content: "\ea1b"; }
-.fp-slack-notification:before { content: "\ea1c"; }
-.fp-slack:before { content: "\ea1d"; }
-.fp-slideshow:before { content: "\ea1e"; }
-.fp-table:before { content: "\ea1f"; }
+.fp-css-icon:before { content: "\ea14"; }
+.fp-desktop:before { content: "\ea15"; }
+.fp-eye:before { content: "\ea16"; }
+.fp-fields-icon:before { content: "\ea17"; }
+.fp-fullscreen:before { content: "\ea18"; }
+.fp-github:before { content: "\ea19"; }
+.fp-layout-icon:before { content: "\ea1a"; }
+.fp-map:before { content: "\ea1b"; }
+.fp-mobile:before { content: "\ea1c"; }
+.fp-pdf:before { content: "\ea1d"; }
+.fp-plus:before { content: "\ea1e"; }
+.fp-slack-notification:before { content: "\ea1f"; }
+.fp-slack:before { content: "\ea20"; }
+.fp-slideshow:before { content: "\ea21"; }
+.fp-table:before { content: "\ea22"; }
 
 }

resources/fonts/pm-font/processmaker-font.scss

@@ -1,10 +1,10 @@
 @font-face {font-family: "processmaker-font";
-  src: url('processmaker-font.eot?t=1723741916029'); /* IE9*/
-  src: url('processmaker-font.eot?t=1723741916029#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url("processmaker-font.woff2?t=1723741916029") format("woff2"),
-  url("processmaker-font.woff?t=1723741916029") format("woff"),
-  url('processmaker-font.ttf?t=1723741916029') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('processmaker-font.svg?t=1723741916029#processmaker-font') format('svg'); /* iOS 4.1- */
+  src: url('processmaker-font.eot?t=1726428928126'); /* IE9*/
+  src: url('processmaker-font.eot?t=1726428928126#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url("processmaker-font.woff2?t=1726428928126") format("woff2"),
+  url("processmaker-font.woff?t=1726428928126") format("woff"),
+  url('processmaker-font.ttf?t=1726428928126') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('processmaker-font.svg?t=1726428928126#processmaker-font') format('svg'); /* iOS 4.1- */
 }
 
 [class^="fp-"], [class*=" fp-"] {
@@ -33,18 +33,21 @@
 .fp-brush-icon:before { content: "\ea11"; }
 .fp-close:before { content: "\ea12"; }
 .fp-copy:before { content: "\ea13"; }
-.fp-desktop:before { content: "\ea14"; }
-.fp-eye:before { content: "\ea15"; }
-.fp-fullscreen:before { content: "\ea16"; }
-.fp-github:before { content: "\ea17"; }
-.fp-map:before { content: "\ea18"; }
-.fp-mobile:before { content: "\ea19"; }
-.fp-pdf:before { content: "\ea1a"; }
-.fp-plus:before { content: "\ea1b"; }
-.fp-slack-notification:before { content: "\ea1c"; }
-.fp-slack:before { content: "\ea1d"; }
-.fp-slideshow:before { content: "\ea1e"; }
-.fp-table:before { content: "\ea1f"; }
+.fp-css-icon:before { content: "\ea14"; }
+.fp-desktop:before { content: "\ea15"; }
+.fp-eye:before { content: "\ea16"; }
+.fp-fields-icon:before { content: "\ea17"; }
+.fp-fullscreen:before { content: "\ea18"; }
+.fp-github:before { content: "\ea19"; }
+.fp-layout-icon:before { content: "\ea1a"; }
+.fp-map:before { content: "\ea1b"; }
+.fp-mobile:before { content: "\ea1c"; }
+.fp-pdf:before { content: "\ea1d"; }
+.fp-plus:before { content: "\ea1e"; }
+.fp-slack-notification:before { content: "\ea1f"; }
+.fp-slack:before { content: "\ea20"; }
+.fp-slideshow:before { content: "\ea21"; }
+.fp-table:before { content: "\ea22"; }
 
 $fp-bpmn-action-by-email: "\ea01";
 $fp-bpmn-data-connector: "\ea02";
@@ -65,16 +68,19 @@ $fp-bpmn-text-annotation: "\ea10";
 $fp-brush-icon: "\ea11";
 $fp-close: "\ea12";
 $fp-copy: "\ea13";
-$fp-desktop: "\ea14";
-$fp-eye: "\ea15";
-$fp-fullscreen: "\ea16";
-$fp-github: "\ea17";
-$fp-map: "\ea18";
-$fp-mobile: "\ea19";
-$fp-pdf: "\ea1a";
-$fp-plus: "\ea1b";
-$fp-slack-notification: "\ea1c";
-$fp-slack: "\ea1d";
-$fp-slideshow: "\ea1e";
-$fp-table: "\ea1f";
+$fp-css-icon: "\ea14";
+$fp-desktop: "\ea15";
+$fp-eye: "\ea16";
+$fp-fields-icon: "\ea17";
+$fp-fullscreen: "\ea18";
+$fp-github: "\ea19";
+$fp-layout-icon: "\ea1a";
+$fp-map: "\ea1b";
+$fp-mobile: "\ea1c";
+$fp-pdf: "\ea1d";
+$fp-plus: "\ea1e";
+$fp-slack-notification: "\ea1f";
+$fp-slack: "\ea20";
+$fp-slideshow: "\ea21";
+$fp-table: "\ea22";