app/assets/stylesheets/plugins/code_view.css in wysiwyg-rails-2.9.5 vs app/assets/stylesheets/plugins/code_view.css in wysiwyg-rails-2.9.6.pre.1

- old
+ new

@@ -1,113 +1,112 @@ -/*! - * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2019 Froala Labs - */ - -.clearfix::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.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: 0px; - font-family: "Courier New", monospace; - font-size: 14px; - background: #ffffff; - color: #000000; - 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; - overflow-y: hidden; -} -.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.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 { - position: absolute; - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - display: none; - background: #ffffff; - color: #222222; - -moz-outline: 0; - outline: 0; - border: 0; - line-height: 1; - cursor: pointer; - text-align: left; - padding: 12px 12px; - -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: 14px; - width: 14px; - text-align: center; -} -.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #ebebeb; -} +/*! + * froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor) + * License https://froala.com/wysiwyg-editor/terms/ + * Copyright 2014-2019 Froala Labs + */ + +.clearfix::after { + clear: both; + display: block; + content: ""; + height: 0; +} +.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: 0px; + font-family: "Courier New", monospace; + font-size: 14px; + background: #ffffff; + color: #000000; + 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-inline { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); +} +.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 { + position: absolute; + top: 0; + right: 0; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); + display: none; + background: #ffffff; + color: #222222; + -moz-outline: 0; + outline: 0; + border: 0; + line-height: 1; + cursor: pointer; + text-align: left; + padding: 12px 12px; + -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: 14px; + width: 14px; + text-align: center; +} +.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { + background: #ebebeb; +}