Merge pull request #288 from ASCWebServices/canini-2

ASC Intranet updates

web/themes/asc_gateway/assets/sass/components/_wysiwyg.scss

+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+
+//
+// WYSIWYG Style Dropdown Button
+// --------------------------------------------------
+
+.btn-wysiwyg {
+  color: $white !important;
+  background-color: #960000 !important;
+  border-color: #830000 !important;
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 16px;
+  line-height: 1.42857;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  font-weight: 600;
+  text-transform: uppercase;
+
+  .fa-angle-right {
+    margin-left: 10px;
+  }
+
+
+  &:hover {
+    color: $white !important;
+    background-color: #630000 !important;
+    border-color: #460000 !important;
+  }
+
+  @media (max-width: 992px) {
+    width: 100%;
+  }
+}
+
+
+
+//
+// Figure
+// --------------------------------------------------
+
+.wrapper-15 {
+  width: 15%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-25 {
+  width: 25%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-33 {
+  width: 33%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-50 {
+  width: 50%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-66 {
+  width: 66%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-75 {
+  width: 75%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}
+
+.wrapper-100 {
+  width: 100%;
+  padding: 0 25px;
+
+  img {
+    margin: 0 auto;
+  }
+}

web/themes/asc_gateway/assets/sass/style.scss

@@ -72,6 +72,7 @@
 @import "components/video";
 @import "components/slideshow";
 @import "components/views-filters";
+@import "components/wysiwyg";
 
 // Pages
 @import "pages/landing-page";

web/themes/asc_gateway/css/style.css

@@ -9749,6 +9749,119 @@ a.carousel-control:hover {
   margin-right: 10px;
 }
 
+/* line 9, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg {
+  color: #ffffff !important;
+  background-color: #960000 !important;
+  border-color: #830000 !important;
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 16px;
+  line-height: 1.42857;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+/* line 34, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg .fa-angle-right {
+  margin-left: 10px;
+}
+/* line 39, ../assets/sass/components/_wysiwyg.scss */
+.btn-wysiwyg:hover {
+  color: #ffffff !important;
+  background-color: #630000 !important;
+  border-color: #460000 !important;
+}
+@media (max-width: 992px) {
+  /* line 9, ../assets/sass/components/_wysiwyg.scss */
+  .btn-wysiwyg {
+    width: 100%;
+  }
+}
+
+/* line 56, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-15 {
+  width: 15%;
+  padding: 0 25px;
+}
+/* line 60, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-15 img {
+  margin: 0 auto;
+}
+
+/* line 65, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-25 {
+  width: 25%;
+  padding: 0 25px;
+}
+/* line 69, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-25 img {
+  margin: 0 auto;
+}
+
+/* line 74, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-33 {
+  width: 33%;
+  padding: 0 25px;
+}
+/* line 78, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-33 img {
+  margin: 0 auto;
+}
+
+/* line 83, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-50 {
+  width: 50%;
+  padding: 0 25px;
+}
+/* line 87, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-50 img {
+  margin: 0 auto;
+}
+
+/* line 92, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-66 {
+  width: 66%;
+  padding: 0 25px;
+}
+/* line 96, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-66 img {
+  margin: 0 auto;
+}
+
+/* line 101, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-75 {
+  width: 75%;
+  padding: 0 25px;
+}
+/* line 105, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-75 img {
+  margin: 0 auto;
+}
+
+/* line 110, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-100 {
+  width: 100%;
+  padding: 0 25px;
+}
+/* line 114, ../assets/sass/components/_wysiwyg.scss */
+.wrapper-100 img {
+  margin: 0 auto;
+}
+
 /* line 11, ../assets/sass/pages/_landing-page.scss */
 .landing-page .carousel {
   height: auto;

web/themes/asc_gateway/js/scripts.js

@@ -86,6 +86,10 @@ jQuery(document).ready(function(){
   jQuery('.form-search').tooltip('hide')
       .attr('data-original-title', '');
 
+  //add arrow to wysiwyg btn
+  if (jQuery(".btn-wysiwyg").length) {
+    jQuery(".btn-wysiwyg").append("<i class='fa fa-angle-right' aria-hidden='true' />");
+  }
 
   //jQuery('.sf-accordion-button').prepend('<i class="fa fa-angle-right" aria-hidden="true"></i>');