activeadmin_froala_editor 0.2.12 → 1.0.0

data/app/assets/stylesheets/activeadmin/froala_editor/froala_editor.pkgd.css

@@ -1,7 +1,7 @@
 /*!
- * froala_editor v3.2.6 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2021 Froala Labs
+ * Copyright 2014-2022 Froala Labs
  */
 
 .fr-clearfix::after {
@@ -23,6 +23,9 @@
 .fr-element, .fr-element:focus {
   outline: 0 solid transparent; }
 
+.fr-view.fr-element-scroll-visible {
+  overflow-x: visible !important; }
+
 .fr-box.fr-basic {
   border-radius: 10px;
   -moz-border-radius: 10px;
@@ -156,10 +159,10 @@ iframe.fr-iframe {
     white-space: nowrap;
     text-overflow: ellipsis; }
   .fr-wrapper ::-moz-selection {
-    background: #b5d6fd;
+    background: rgba(181, 214, 253, 0.8);
     color: #000; }
   .fr-wrapper ::selection {
-    background: #b5d6fd;
+    background: rgba(181, 214, 253, 0.8);
     color: #000; }
 
 .fr-box.fr-basic .fr-wrapper {
@@ -805,10 +808,7 @@ ol.decimal_type > li:before {
   .fr-popup.fr-active {
     display: block; }
   .fr-popup.fr-hidden {
-    -webkit-opacity: 0;
-    -moz-opacity: 0;
-    opacity: 0;
-    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
+    display: none !important; }
   .fr-popup.fr-empty {
     display: none !important; }
   .fr-popup .fr-hs {
@@ -818,7 +818,7 @@ ol.decimal_type > li:before {
   .fr-popup .fr-input-line {
     position: relative;
     padding: 15px 0; }
-    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line textarea {
+    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea {
       width: 100%;
       margin-bottom: 1px;
       border-radius: 2px;
@@ -841,12 +841,12 @@ ol.decimal_type > li:before {
       -moz-transition: border 0.5s, padding 0.5s;
       -ms-transition: border 0.5s, padding 0.5s;
       -o-transition: border 0.5s, padding 0.5s; }
-      .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line textarea:hover {
+      .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover {
         border: solid 1px #515151; }
-      .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
+      .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line textarea:focus {
         border: solid 2px #0098f7;
         padding: 3px 11px; }
-    .fr-popup .fr-input-line input[type="text"] {
+    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {
       height: 46px; }
     .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
       position: absolute;
@@ -1114,10 +1114,8 @@ ol.decimal_type > li:before {
     -moz-transition: height 0.5s;
     -ms-transition: height 0.5s;
     -o-transition: height 0.5s; }
-  .fr-toolbar.fr-toolbar-open {
-    padding-bottom: 48px; }
-    .fr-toolbar.fr-toolbar-open .fr-newline {
-      height: 0; }
+  .fr-toolbar.fr-toolbar-open .fr-newline {
+    height: 0; }
   .fr-toolbar .fr-float-right {
     float: right; }
   .fr-toolbar .fr-float-left {
@@ -1136,9 +1134,7 @@ ol.decimal_type > li:before {
     -ms-transition: height 0.5s;
     -o-transition: height 0.5s;
     height: 0;
-    z-index: 2;
     overflow: hidden;
-    position: absolute;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
@@ -1184,6 +1180,10 @@ ol.decimal_type > li:before {
       border-top: 0; }
     .fr-toolbar.fr-inline .fr-newline {
       height: 0; }
+    .fr-toolbar.fr-inline .fr-more-toolbar {
+      position: absolute !important; }
+      .fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
+        position: relative !important; }
   .fr-toolbar.fr-top {
     top: 0;
     border-bottom: 0;
@@ -1275,6 +1275,12 @@ ol.decimal_type > li:before {
     content: "";
     height: 0; }
 
+.fr-second-toolbar:empty {
+  min-height: calc(10px);
+  position: relative;
+  margin-top: calc(-1px);
+  z-index: 2; }
+
 #fr-logo {
   float: left;
   outline: none; }
@@ -1365,6 +1371,65 @@ span.fr-sr-only {
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
+.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video,
+.fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
+.fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
+  background-color: #f3eec3;
+  opacity: 0.5; }
+
+.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
+  border-color: #f3eec3; }
+
+.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
+  border-color: #dc3545; }
+
+.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
+  opacity: 0.5;
+  background-color: #dc3545; }
+
+.fr-view .fr-tracking-deleted {
+  background-color: #dc3545;
+  text-decoration: line-through;
+  pointer-events: none;
+  user-select: none;
+  opacity: 1; }
+
+.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
+  padding: 10px !important; }
+
+.fr-tracking-deleted img, .fr-highlight-change img {
+  border: 2px solid #f3eec3; }
+
+.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
+  opacity: 0.5;
+  background-color: #f3eec3; }
+
+.fr-highlight-change #isPasted > table td {
+  opacity: 0.5;
+  border-color: #f3eec3; }
+
+.fr-track-hide {
+  display: none; }
+
+.fr-track-hide-mobile {
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  position: absolute; }
+
+.fr-ios-mobile-disable-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none; }
+
+.fr-bottom-extended {
+  flex-wrap: wrap;
+  display: flex;
+  box-sizing: border-box; }
+
+.position-relative {
+  position: relative !important; }
+
 .fr-clearfix::after {
   clear: both;
   display: block;
@@ -1985,9 +2050,9 @@ textarea.fr-code {
   width: calc(100% - 40px);
   width: -moz-available;
   /* WebKit-based browsers will ignore this. */
-  width: -webkit-fill-available;
+  width: -webkit-stretch;
   /* Mozilla-based browsers will ignore this. */
-  width: fill-available; }
+  width: stretch; }
   .fr-popup .fr-files-progress-bar-layer > h3 {
     font-size: 16px;
     margin: 10px 0;
@@ -2042,9 +2107,9 @@ textarea.fr-code {
   width: 100%;
   width: -moz-available;
   /* WebKit-based browsers will ignore this. */
-  width: -webkit-fill-available;
+  width: -webkit-stretch;
   /* Mozilla-based browsers will ignore this. */
-  width: fill-available; }
+  width: stretch; }
 
 .fr-uploading {
   -webkit-opacity: 0.4;
@@ -2106,9 +2171,9 @@ textarea.fr-code {
   width: 100%;
   width: -moz-available;
   /* WebKit-based browsers will ignore this. */
-  width: -webkit-fill-available;
+  width: -webkit-stretch;
   /* Mozilla-based browsers will ignore this. */
-  width: fill-available; }
+  width: stretch; }
 
 @media screen and (max-width: 399px) {
   .fr-upload-section {
@@ -3047,6 +3112,8 @@ body.fr-fullscreen {
   right: 0;
   z-index: 2147483630 !important;
   width: auto !important; }
+  .fr-box.fr-fullscreen .fr-wrapper {
+    background-color: #FFF; }
   .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
     border-radius: 0;
     -moz-border-radius: 0;
@@ -3333,6 +3400,9 @@ body.fr-fullscreen {
     left: -25%; }
   to {
     left: 100%; } }
+img.fr-draggable {
+  user-select: none; }
+
 .fr-clearfix::after {
   clear: both;
   display: block;
@@ -3613,6 +3683,150 @@ div.fr-modal-body {
   clip: rect(0, 0, 0, 0);
   border: 0; }
 
+.fr-wrapper-markdown {
+  display: flex; }
+
+.fr-markdown-view {
+  width: calc(52% - 1px);
+  box-sizing: inherit; }
+
+.fr-markdown-editor {
+  width: calc(48% - 1px);
+  box-sizing: inherit;
+  background-color: #eee; }
+
+.fr-markdown-editor > p {
+  margin: 0; }
+
+.fr-markdown-view > p {
+  margin-top: 0; }
+
+.gutter-horizontal {
+  display: flex;
+  z-index: 9;
+  background-color: #dadada;
+  cursor: col-resize;
+  width: 2px; }
+
+.e-resize-handler {
+  z-index: 9;
+  width: 1px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  position: relative;
+  font-size: 10px;
+  color: #c5c5c5; }
+
+.fr-markdown-view > dl {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+.fr-markdown-view > dt {
+  font-weight: 700; }
+
+.fr-markdown-view > dd {
+  margin-bottom: .5rem;
+  margin-left: 0; }
+
+.fr-markdown-view > pre {
+  white-space: pre-wrap;
+  white-space: -moz-pre-wrap;
+  white-space: -pre-wrap;
+  white-space: -o-pre-wrap;
+  word-wrap: break-word;
+  background-color: #f8f8f8;
+  border: 1px solid #dfdfdf;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+  padding: 0.125rem 0.3125rem 0.0625rem; }
+
+.fr-markdown-view > code {
+  background-color: #f8f8f8;
+  border-color: #dfdfdf;
+  border-style: solid;
+  border-width: 1px;
+  color: #333;
+  font-family: Consolas,"Liberation Mono",Courier,monospace;
+  font-weight: normal;
+  padding: 0.125rem 0.3125rem 0.0625rem; }
+
+.fr-markdown-view > pre code {
+  background-color: transparent;
+  border: 0;
+  padding: 0; }
+
+.fr-markdown-view > sup {
+  top: -.5em; }
+
+.footnote-a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent; }
+
+.fr-markdown-view > hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+.blockquote {
+  margin: 0 0 1rem;
+  border-left: 5px solid #eee;
+  padding: 10px 20px;
+  font-size: 1.25rem; }
+
+.fr-markdown-view > table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px;
+  background-color: transparent;
+  border-spacing: 0;
+  border-collapse: collapse; }
+
+.fr-markdown-view > table > tbody > tr > td,
+.fr-markdown-view > table > tbody > tr > th,
+.fr-markdown-view > table > thead > tr > td,
+.fr-markdown-view > table > thead > tr > th {
+  padding: 8px;
+  line-height: 1.42857143;
+  vertical-align: top;
+  border: 1px solid #ddd; }
+
+.fr-markdown-view > table > thead > tr > td,
+.fr-markdown-view > table > thead > tr > th {
+  border-bottom-width: 2px; }
+
+.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9; }
+
+.fr-markdown-view > a {
+  color: #337ab7;
+  text-decoration: none; }
+
+.fr-markdown-view > h1 {
+  font-size: 2em !important; }
+
+.fr-markdown-view > h2 {
+  font-size: 1.5em !important; }
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
 .fr-quick-insert {
   position: absolute;
   z-index: 2147483639;
@@ -4284,6 +4498,8 @@ div.fr-modal-body {
     color: inherit; }
   .fr-view strong {
     font-weight: 700; }
+  .fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
+    border-width: 0px; }
   .fr-view table {
     border: none;
     border-collapse: collapse;
@@ -4519,8 +4735,6 @@ div.fr-modal-body {
     background-clip: padding-box; }
   .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
     font-size: 24px; }
-  .fr-view ul, .fr-view ol {
-    list-style-position: inside; }
 
 /**
  * Image style.