app/assets/stylesheets/plugins/code_view.css in wysiwyg-rails-4.0.1 vs app/assets/stylesheets/plugins/code_view.css in wysiwyg-rails-4.0.7
- old
+ new
@@ -1,97 +1,97 @@
/*!
- * froala_editor v4.0.1 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.7 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2021 Froala Labs
*/
-.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; }
-
-textarea.fr-code {
- display: none;
- width: 100%;
- resize: none;
- -moz-resize: none;
- -webkit-resize: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border: none;
- padding: 10px;
- margin: 0;
- font-family: "Courier New",monospace;
- font-size: 14px;
- background: #FFF;
- color: #000;
- outline: none; }
-
-.fr-box.fr-rtl textarea.fr-code {
- direction: rtl; }
-
-.fr-box .CodeMirror {
- display: none; }
-
-.fr-box.fr-code-view textarea.fr-code {
- display: block; }
-.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
- display: none; }
-.fr-box.fr-code-view .CodeMirror {
- display: block; }
-
-.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
- display: block; }
-.fr-box.fr-inline .fr-command.fr-btn.html-switch {
- display: none;
- position: absolute;
- top: 0;
- right: 0;
- display: none;
- background: #FFF;
- color: #333333;
- -moz-outline: 0;
- outline: 0;
- border: 0;
- line-height: 1;
- cursor: pointer;
- text-align: left;
- padding: 8px 7px;
- -webkit-transition: background 0.2s ease 0s;
- -moz-transition: background 0.2s ease 0s;
- -ms-transition: background 0.2s ease 0s;
- -o-transition: background 0.2s ease 0s;
- border-radius: 0;
- -moz-border-radius: 0;
- -webkit-border-radius: 0;
- -moz-background-clip: padding;
- -webkit-background-clip: padding-box;
- background-clip: padding-box;
- z-index: 2;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- text-decoration: none;
- user-select: none;
- -o-user-select: none;
- -moz-user-select: none;
- -khtml-user-select: none;
- -webkit-user-select: none;
- -ms-user-select: none; }
- .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
- font-size: 24px;
- width: 24px;
- text-align: center; }
- .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
- background: #ebebeb; }
+.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; }
+
+textarea.fr-code {
+ display: none;
+ width: 100%;
+ resize: none;
+ -moz-resize: none;
+ -webkit-resize: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: none;
+ padding: 10px;
+ margin: 0;
+ font-family: "Courier New",monospace;
+ font-size: 14px;
+ background: #FFF;
+ color: #000;
+ outline: none; }
+
+.fr-box.fr-rtl textarea.fr-code {
+ direction: rtl; }
+
+.fr-box .CodeMirror {
+ display: none; }
+
+.fr-box.fr-code-view textarea.fr-code {
+ display: block; }
+.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
+ display: none; }
+.fr-box.fr-code-view .CodeMirror {
+ display: block; }
+
+.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
+ display: block; }
+.fr-box.fr-inline .fr-command.fr-btn.html-switch {
+ display: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: none;
+ background: #FFF;
+ color: #333333;
+ -moz-outline: 0;
+ outline: 0;
+ border: 0;
+ line-height: 1;
+ cursor: pointer;
+ text-align: left;
+ padding: 8px 7px;
+ -webkit-transition: background 0.2s ease 0s;
+ -moz-transition: background 0.2s ease 0s;
+ -ms-transition: background 0.2s ease 0s;
+ -o-transition: background 0.2s ease 0s;
+ border-radius: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ z-index: 2;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ text-decoration: none;
+ user-select: none;
+ -o-user-select: none;
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none; }
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
+ font-size: 24px;
+ width: 24px;
+ text-align: center; }
+ .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
+ background: #ebebeb; }