locomotivecms 4.0.0.rc0 → 4.0.0

data/app/assets/javascripts/locomotive/views/content_entries/edit_view.js.coffee

@@ -2,4 +2,9 @@ Locomotive.Views.ContentEntries ||= {}
 
 class Locomotive.Views.ContentEntries.EditView extends Locomotive.Views.Shared.FormView
 
+  initialize: ->
+    super()
+    $('#collapseContentTypes').addClass('in')
+
+
 

data/app/assets/javascripts/locomotive/views/content_entries/index_view.js.coffee

@@ -7,6 +7,7 @@ class Locomotive.Views.ContentEntries.IndexView extends Backbone.View
   initialize: ->
     @list_view = new Locomotive.Views.Shared.ListView(el: @$('.big-list'))
     @bulk_delete_view = new Locomotive.Views.Shared.BulkDeleteView()
+    $('#collapseContentTypes').addClass('in')
 
   render: ->
     @list_view.render()

data/app/assets/javascripts/locomotive/views/content_entries/new_view.js.coffee

@@ -4,6 +4,10 @@ class Locomotive.Views.ContentEntries.NewView extends Locomotive.Views.Shared.Fo
 
   el: '.main'
 
+  initialize: ->
+    super()
+    $('#collapseContentTypes').addClass('in')
+
   render: ->
     super()
 

data/app/assets/javascripts/locomotive/views/current_site/edit_view.js.coffee

@@ -8,6 +8,7 @@ class Locomotive.Views.CurrentSite.EditView extends Locomotive.Views.Shared.Form
 
   initialize: ->
     @attach_events_on_private_access_attribute()
+    @attach_events_on_cache_enabled_attribute()
     @display_locale_picker_only_for_seo()
     @allow_url_redirections_expert_mode()
 
@@ -16,6 +17,11 @@ class Locomotive.Views.CurrentSite.EditView extends Locomotive.Views.Shared.Form
       $inputs = $('.locomotive_site_password')
       $inputs.toggleClass('hide')
 
+  attach_events_on_cache_enabled_attribute: ->
+    @$('#site_cache_enabled').on 'switchChange.bootstrapSwitch', (event, state) ->
+      $inputs = $('.locomotive_site_cache_control, .locomotive_site_cache_vary')
+      $inputs.toggleClass('hide')
+
   display_locale_picker_only_for_seo: ->
     $picker = @$('.locale-picker-btn-group').css(visibility: 'hidden')
 

data/app/assets/javascripts/locomotive/views/page_content/edit_view.js.coffee

@@ -9,6 +9,7 @@ class Locomotive.Views.PageContent.EditView extends Backbone.View
 
   initialize: ->
     _.bindAll(@, 'shrink_preview', 'close_sidebar')
+    $('#collapsePages').addClass('in')
 
   render: ->
     super()

data/app/assets/javascripts/locomotive/views/pages/_form_view.js.coffee

@@ -8,8 +8,14 @@ class Locomotive.Views.Pages.FormView extends Locomotive.Views.Shared.FormView
 
   initialize: ->
     @attach_events_on_redirect_attribute()
+    @attach_events_on_cache_enabled_attribute()
 
   attach_events_on_redirect_attribute: ->
     @$('#page_redirect').on 'switchChange.bootstrapSwitch', (event, state) ->
       $inputs = $('.locomotive_page_redirect_url, .locomotive_page_redirect_type')
       $inputs.toggleClass('hide')
+
+  attach_events_on_cache_enabled_attribute: ->
+    @$('#page_cache_enabled').on 'switchChange.bootstrapSwitch', (event, state) ->
+      $inputs = $('.locomotive_page_cache_control, .locomotive_page_cache_vary')
+      $inputs.toggleClass('hide')

data/app/assets/javascripts/locomotive/views/pages/edit_view.js.coffee

@@ -5,3 +5,7 @@ Locomotive.Views.Pages ||= {}
 class Locomotive.Views.Pages.EditView extends Locomotive.Views.Pages.FormView
 
   el: '.main'
+
+  initialize: ->
+    super()
+    $('#collapsePages').addClass('in')

data/app/assets/javascripts/locomotive/views/pages/list_view.js.coffee

@@ -4,6 +4,11 @@ class Locomotive.Views.Pages.ListView extends Backbone.View
 
   el: '.pages-tree'
 
+  initialize: ->
+    super()
+    if $('body').hasClass('pages')
+      $('#collapsePages').addClass('in')
+
   render: ->
     @make_foldable()
 

data/app/assets/javascripts/locomotive/views/pages/new_view.js.coffee

@@ -3,3 +3,7 @@ Locomotive.Views.Pages ||= {}
 class Locomotive.Views.Pages.NewView extends Locomotive.Views.Pages.FormView
 
   el: '.main'
+
+  initialize: ->
+    super()
+    $('#collapsePages').addClass('in')

data/app/assets/stylesheets/locomotive/editor.css

@@ -269,6 +269,7 @@
   width: 22px;
   height: 22px;
   min-width: 22px;
+  box-shadow: 1px 2px 1px #BFBDBD inset;
 }
 .rdw-colorpicker-option:hover {
   box-shadow: 1px 2px 1px #BFBDBD;
@@ -860,6 +861,261 @@
  * of patent rights can be found in the PATENTS file in the same directory.
  */
 .DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
+.rc-slider {
+  position: relative;
+  height: 14px;
+  padding: 5px 0;
+  width: 100%;
+  border-radius: 6px;
+  -ms-touch-action: none;
+      touch-action: none;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.rc-slider * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.rc-slider-rail {
+  position: absolute;
+  width: 100%;
+  background-color: #e9e9e9;
+  height: 4px;
+  border-radius: 6px;
+}
+.rc-slider-track {
+  position: absolute;
+  left: 0;
+  height: 4px;
+  border-radius: 6px;
+  background-color: #abe2fb;
+}
+.rc-slider-handle {
+  position: absolute;
+  margin-left: -7px;
+  margin-top: -5px;
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+  cursor: -webkit-grab;
+  cursor: grab;
+  border-radius: 50%;
+  border: solid 2px #96dbfa;
+  background-color: #fff;
+  -ms-touch-action: pan-x;
+      touch-action: pan-x;
+}
+.rc-slider-handle:focus {
+  border-color: #57c5f7;
+  box-shadow: 0 0 0 5px #96dbfa;
+  outline: none;
+}
+.rc-slider-handle-click-focused:focus {
+  border-color: #96dbfa;
+  box-shadow: unset;
+}
+.rc-slider-handle:hover {
+  border-color: #57c5f7;
+}
+.rc-slider-handle:active {
+  border-color: #57c5f7;
+  box-shadow: 0 0 5px #57c5f7;
+  cursor: -webkit-grabbing;
+  cursor: grabbing;
+}
+.rc-slider-mark {
+  position: absolute;
+  top: 18px;
+  left: 0;
+  width: 100%;
+  font-size: 12px;
+}
+.rc-slider-mark-text {
+  position: absolute;
+  display: inline-block;
+  vertical-align: middle;
+  text-align: center;
+  cursor: pointer;
+  color: #999;
+}
+.rc-slider-mark-text-active {
+  color: #666;
+}
+.rc-slider-step {
+  position: absolute;
+  width: 100%;
+  height: 4px;
+  background: transparent;
+}
+.rc-slider-dot {
+  position: absolute;
+  bottom: -2px;
+  margin-left: -4px;
+  width: 8px;
+  height: 8px;
+  border: 2px solid #e9e9e9;
+  background-color: #fff;
+  cursor: pointer;
+  border-radius: 50%;
+  vertical-align: middle;
+}
+.rc-slider-dot-active {
+  border-color: #96dbfa;
+}
+.rc-slider-disabled {
+  background-color: #e9e9e9;
+}
+.rc-slider-disabled .rc-slider-track {
+  background-color: #ccc;
+}
+.rc-slider-disabled .rc-slider-handle,
+.rc-slider-disabled .rc-slider-dot {
+  border-color: #ccc;
+  box-shadow: none;
+  background-color: #fff;
+  cursor: not-allowed;
+}
+.rc-slider-disabled .rc-slider-mark-text,
+.rc-slider-disabled .rc-slider-dot {
+  cursor: not-allowed !important;
+}
+.rc-slider-vertical {
+  width: 14px;
+  height: 100%;
+  padding: 0 5px;
+}
+.rc-slider-vertical .rc-slider-rail {
+  height: 100%;
+  width: 4px;
+}
+.rc-slider-vertical .rc-slider-track {
+  left: 5px;
+  bottom: 0;
+  width: 4px;
+}
+.rc-slider-vertical .rc-slider-handle {
+  margin-left: -5px;
+  margin-bottom: -7px;
+  -ms-touch-action: pan-y;
+      touch-action: pan-y;
+}
+.rc-slider-vertical .rc-slider-mark {
+  top: 0;
+  left: 18px;
+  height: 100%;
+}
+.rc-slider-vertical .rc-slider-step {
+  height: 100%;
+  width: 4px;
+}
+.rc-slider-vertical .rc-slider-dot {
+  left: 2px;
+  margin-bottom: -4px;
+}
+.rc-slider-vertical .rc-slider-dot:first-child {
+  margin-bottom: -4px;
+}
+.rc-slider-vertical .rc-slider-dot:last-child {
+  margin-bottom: -4px;
+}
+.rc-slider-tooltip-zoom-down-enter,
+.rc-slider-tooltip-zoom-down-appear {
+  animation-duration: .3s;
+  animation-fill-mode: both;
+  display: block !important;
+  animation-play-state: paused;
+}
+.rc-slider-tooltip-zoom-down-leave {
+  animation-duration: .3s;
+  animation-fill-mode: both;
+  display: block !important;
+  animation-play-state: paused;
+}
+.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
+.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
+  animation-name: rcSliderTooltipZoomDownIn;
+  animation-play-state: running;
+}
+.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
+  animation-name: rcSliderTooltipZoomDownOut;
+  animation-play-state: running;
+}
+.rc-slider-tooltip-zoom-down-enter,
+.rc-slider-tooltip-zoom-down-appear {
+  transform: scale(0, 0);
+  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+}
+.rc-slider-tooltip-zoom-down-leave {
+  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+}
+@keyframes rcSliderTooltipZoomDownIn {
+  0% {
+    opacity: 0;
+    transform-origin: 50% 100%;
+    transform: scale(0, 0);
+  }
+  100% {
+    transform-origin: 50% 100%;
+    transform: scale(1, 1);
+  }
+}
+@keyframes rcSliderTooltipZoomDownOut {
+  0% {
+    transform-origin: 50% 100%;
+    transform: scale(1, 1);
+  }
+  100% {
+    opacity: 0;
+    transform-origin: 50% 100%;
+    transform: scale(0, 0);
+  }
+}
+.rc-slider-tooltip {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  visibility: visible;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.rc-slider-tooltip * {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.rc-slider-tooltip-hidden {
+  display: none;
+}
+.rc-slider-tooltip-placement-top {
+  padding: 4px 0 8px 0;
+}
+.rc-slider-tooltip-inner {
+  padding: 6px 2px;
+  min-width: 24px;
+  height: 24px;
+  font-size: 12px;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  background-color: #6c6c6c;
+  border-radius: 6px;
+  box-shadow: 0 0 4px #d9d9d9;
+}
+.rc-slider-tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
+  bottom: 4px;
+  left: 50%;
+  margin-left: -4px;
+  border-width: 4px 4px 0;
+  border-top-color: #6c6c6c;
+}
+
 .ReactCrop {
   position: relative;
   display: inline-block;
@@ -1029,12 +1285,9 @@
       margin-left: -7px; } }
 
 .editor-list-item {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  align-items: center;
+  justify-content: center;
   border-radius: 3px;
   margin: 1rem 0rem;
   background: #f7f7f7;
@@ -1053,12 +1306,9 @@
     width: 4rem;
     height: 4rem; }
   .editor-list-item--icon {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex-align: center;
-        align-items: center; }
+    justify-content: center;
+    align-items: center; }
   .editor-list-item--image {
     background-position: center center;
     background-repeat: no-repeat;
@@ -1075,12 +1325,9 @@
   .editor-list-item--actions {
     margin-left: auto;
     margin-right: 2rem;
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex-align: center;
-        align-items: center; }
+    justify-content: center;
+    align-items: center; }
     .editor-list-item--actions--button {
       height: 17px; }
   .editor-list-item--edit-button {
@@ -1130,8 +1377,14 @@
     padding: 0.5rem 0.8rem;
     border-radius: 3px;
     border: 1px solid #e3e4e7; }
+    .editor-input--text::-webkit-input-placeholder {
+      color: #c8cbcf; }
+    .editor-input--text::-moz-placeholder {
+      color: #c8cbcf; }
     .editor-input--text:-ms-input-placeholder {
       color: #c8cbcf; }
+    .editor-input--text::-ms-input-placeholder {
+      color: #c8cbcf; }
     .editor-input--text::placeholder {
       color: #c8cbcf; }
   .editor-input--select {
@@ -1148,14 +1401,10 @@
     padding-right: 2.5rem;
     cursor: pointer; }
   .editor-input--image-picker {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex-direction: column;
-        flex-direction: column; }
+    align-items: center;
+    justify-content: center;
+    flex-direction: column; }
 
 .editor-input-image-picker--source {
   background: #f9f9fa;
@@ -1169,29 +1418,21 @@
 
 .editor-input-image-picker--actions {
   margin-top: 1rem;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center; }
+  align-items: center;
+  justify-content: center; }
 
 .editor-input-url--info {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center; }
+  align-items: center; }
   .editor-input-url--info-type {
     margin-right: 1rem; }
 
 .editor-input-url--actions {
   margin-top: 1rem;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center; }
+  align-items: center;
+  justify-content: center; }
 
 .editor-input-radio--option input {
   margin-right: 1rem; }
@@ -1203,7 +1444,7 @@
     position: absolute;
     top: 0.5rem;
     right: 1rem;
-    content: "\F107";
+    content: "\f107";
     font-family: 'Font Awesome 5 Free';
     font-size: 1.8rem;
     font-weight: 900;
@@ -1213,10 +1454,8 @@
     color: #1c77c3; }
 
 .editor-input-checkbox {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center; }
+  align-items: center; }
   .editor-input-checkbox .editor-input--label {
     display: block;
     margin: 0 1rem 0 0; }
@@ -1224,17 +1463,24 @@
     margin-left: auto; }
 
 .editor-input-content-type {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-align: center;
-      align-items: center; }
+  flex-direction: row;
+  align-items: center; }
   .editor-input-content-type .editor-input--label {
     margin: 0; }
   .editor-input-content-type .editor-input--action {
     margin-left: auto; }
 
+.editor-input-integer .editor-input--label {
+  display: flex;
+  flex-direction: row;
+  align-items: center; }
+  .editor-input-integer .editor-input--label--value {
+    margin-left: auto;
+    text-transform: lowercase;
+    color: #1c77c3;
+    font-size: 1.25rem; }
+
 .editor-input-hint .editor-input--label {
   font-weight: normal;
   font-size: 1.3rem;
@@ -1278,26 +1524,19 @@
   font-size: 1.2rem; }
 
 .rdw-link-modal-actions {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  justify-content: center;
   margin-bottom: 2rem; }
 
 .editor-view {
   height: 100%;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  flex-direction: column;
   background: #fff; }
   .editor-view--header {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-    -ms-flex-align: center;
-        align-items: center;
+    justify-content: flex-start;
+    align-items: center;
     padding: 0rem 2rem;
     min-height: 5rem;
     border-bottom: 1px solid #e3e4e7; }
@@ -1319,8 +1558,7 @@
       margin-left: auto; }
   .editor-view--scrollable {
     position: relative;
-    -ms-flex-positive: 1;
-        flex-grow: 1; }
+    flex-grow: 1; }
 
 .editor-view.slide-up-enter,
 .editor-view.slide-down-enter,
@@ -1362,21 +1600,16 @@
   transition: opacity 100ms ease-in; }
 
 .editor-menu .nav-tabs {
-  display: -ms-flexbox;
   display: flex;
   min-height: 5rem; }
 
 .editor-menu .nav-tab {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  flex-grow: 1;
   text-align: center; }
   .editor-menu .nav-tab a {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex-align: center;
-        align-items: center;
+    justify-content: center;
+    align-items: center;
     min-height: 5rem;
     padding: 0;
     margin-right: 0;
@@ -1387,6 +1620,14 @@
 .editor-tabpanes-wrapper {
   height: 100%; }
 
+@-webkit-keyframes final-text {
+  0% {
+    opacity: 0;
+    transform: translate(-2rem, 0); }
+  100% {
+    opacity: 1;
+    transform: translate(0px, 0); } }
+
 @keyframes final-text {
   0% {
     opacity: 0;
@@ -1395,6 +1636,17 @@
     opacity: 1;
     transform: translate(0px, 0); } }
 
+@-webkit-keyframes final-icon {
+  0% {
+    opacity: 0;
+    transform: scale(0); }
+  50% {
+    opacity: 1;
+    transform: scale(2); }
+  100% {
+    opacity: 1;
+    transform: scale(1); } }
+
 @keyframes final-icon {
   0% {
     opacity: 0;
@@ -1407,14 +1659,11 @@
     transform: scale(1); } }
 
 .editor-header {
-  display: -ms-flexbox;
   display: flex;
   padding: 0rem 2rem;
   min-height: 10rem;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  align-items: center;
+  justify-content: space-between;
   background: #33373B; }
   .editor-header--navinfo {
     padding: 2rem 0; }
@@ -1441,10 +1690,12 @@
       display: inline-block; }
     .editor-header--savebtn .btn-save--success i, .editor-header--savebtn .btn-save--error i {
       display: inline-block;
-      animation: final-icon 0.3s ease-out alternate; }
+      -webkit-animation: final-icon 0.3s ease-out alternate;
+              animation: final-icon 0.3s ease-out alternate; }
     .editor-header--savebtn .btn-save--success span, .editor-header--savebtn .btn-save--error span {
       display: inline-block;
-      animation: final-text 0.3s ease-out alternate; }
+      -webkit-animation: final-text 0.3s ease-out alternate;
+              animation: final-text 0.3s ease-out alternate; }
     .editor-header--savebtn .btn-save--success {
       background: #31BD9C;
       border-color: #27957b; }
@@ -1473,10 +1724,8 @@
     max-height: 667px; }
 
 .preview-actionbar {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  justify-content: space-between;
   padding-bottom: 1rem; }
   .preview-actionbar--view-btn {
     display: inline-block;
@@ -1507,12 +1756,9 @@
     opacity: 1; }
   .preview-iframe > .preview-iframe-loader {
     background: #fff;
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center;
+    align-items: center;
+    justify-content: center;
     position: absolute;
     top: 0;
     left: 0;
@@ -1658,12 +1904,9 @@
   border: none; }
 
 .editor-image-uploader {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  align-items: center;
+  justify-content: center;
   width: calc(100% / 3 - 0.5rem);
   background: #fff;
   border: dashed 1px #e3e4e7;
@@ -1680,28 +1923,18 @@
   margin: 2rem; }
   .editor-image-list--loading {
     height: 100%;
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center; }
+    align-items: center;
+    justify-content: center; }
   .editor-image-list--container {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-line-pack: start;
-        align-content: flex-start;
-    -ms-flex-pack: distribute;
-        justify-content: space-around; }
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-content: flex-start;
+    justify-content: space-around; }
   .editor-image-list--pagination {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-align: center;
-        align-items: center;
+    align-items: center;
     margin-top: 2rem; }
     .editor-image-list--pagination .pagination {
       margin: 0 auto; }
@@ -1762,12 +1995,10 @@
 .url-picker {
   padding: 2rem; }
   .url-picker-type-list {
-    display: -ms-flexbox;
     display: flex;
     margin-bottom: 2rem; }
   .url-picker-type-option {
-    -ms-flex: 1 1;
-        flex: 1 1; }
+    flex: 1 1; }
     .url-picker-type-option--checked label {
       color: #000 !important; }
     .url-picker-type-option input {
@@ -1777,8 +2008,14 @@
       color: #91979f;
       margin-bottom: 0;
       cursor: pointer; }
+  .url-picker .react-autosuggest__input::-webkit-input-placeholder {
+    color: #c8cbcf; }
+  .url-picker .react-autosuggest__input::-moz-placeholder {
+    color: #c8cbcf; }
   .url-picker .react-autosuggest__input:-ms-input-placeholder {
     color: #c8cbcf; }
+  .url-picker .react-autosuggest__input::-ms-input-placeholder {
+    color: #c8cbcf; }
   .url-picker .react-autosuggest__input::placeholder {
     color: #c8cbcf; }
 
@@ -1787,6 +2024,8 @@
   padding: 2rem 0 0 0; }
 
 .locale-switcher {
+  position: relative;
+  display: inline-block;
   margin-top: 0.2rem; }
   .locale-switcher-button {
     color: #adb1b7;
@@ -1806,6 +2045,9 @@
     z-index: 999 !important; }
     .locale-switcher-content > span {
       z-index: 1000; }
+  .locale-switcher .rap-popper-div {
+    z-index: 999 !important;
+    transform: translate3d(0px, 25px, 0px) !important; }
   .locale-switcher-locales {
     position: relative;
     z-index: 100;
@@ -1818,7 +2060,7 @@
     border-radius: 3px; }
   .locale-switcher-locale a {
     display: block;
-    padding: 0.8rem 1rem;
+    padding: 1rem 2rem;
     font-size: 1.2rem;
     color: #6a707a;
     white-space: nowrap;
@@ -1868,12 +2110,16 @@
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
     transform: scale(1);
     transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-    animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
-    animation-duration: 0.3s;
-    animation-name: rcSwitchOff; }
+    -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
+            animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
+    -webkit-animation-duration: 0.3s;
+            animation-duration: 0.3s;
+    -webkit-animation-name: rcSwitchOff;
+            animation-name: rcSwitchOff; }
   .rc-switch:hover:after {
     transform: scale(1.1);
-    animation-name: rcSwitchOn; }
+    -webkit-animation-name: rcSwitchOn;
+            animation-name: rcSwitchOn; }
   .rc-switch:focus {
     box-shadow: 0 0 0 2px tint(#2db7f5, 80%);
     outline: none; }
@@ -1890,11 +2136,13 @@
     border-color: #ccc; }
     .rc-switch-disabled:after {
       background: #9e9e9e;
-      animation-name: none;
+      -webkit-animation-name: none;
+              animation-name: none;
       cursor: no-drop; }
     .rc-switch-disabled:hover:after {
       transform: scale(1);
-      animation-name: none; }
+      -webkit-animation-name: none;
+              animation-name: none; }
   .rc-switch-label {
     display: inline-block;
     line-height: 20px;
@@ -1908,6 +2156,14 @@
         -ms-user-select: text;
             user-select: text; }
 
+@-webkit-keyframes rcSwitchOn {
+  0% {
+    transform: scale(1); }
+  50% {
+    transform: scale(1.25); }
+  100% {
+    transform: scale(1.1); } }
+
 @keyframes rcSwitchOn {
   0% {
     transform: scale(1); }
@@ -1916,12 +2172,28 @@
   100% {
     transform: scale(1.1); } }
 
+@-webkit-keyframes rcSwitchOff {
+  0% {
+    transform: scale(1.1); }
+  100% {
+    transform: scale(1); } }
+
 @keyframes rcSwitchOff {
   0% {
     transform: scale(1.1); }
   100% {
     transform: scale(1); } }
 
+.rc-slider {
+  margin-top: 1.5rem; }
+
+.rc-slider-track {
+  background-color: #1c77c3; }
+
+.rc-slider-handle {
+  border: none;
+  background-color: #1c77c3; }
+
 .react-autosuggest {
   position: relative; }
   .react-autosuggest--loading .react-autosuggest__spinner {
@@ -1978,27 +2250,21 @@
 #editor-app, #editor-app .container-fluid {
   height: 100%; }
   #editor-app .actionbar, #editor-app .container-fluid .actionbar {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
+    flex-direction: column;
     width: 400px; }
   #editor-app .actionbar .scrollable, #editor-app .container-fluid .actionbar .scrollable {
     margin-top: 0; }
 
 .editor-startup {
   height: 100%;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center; }
+  align-items: center;
+  justify-content: center; }
 
 .editor-route-wrapper {
   position: relative;
-  -ms-flex-positive: 1;
-      flex-grow: 1; }
+  flex-grow: 1; }
 
 .editor-route-wrapper > div {
   position: absolute;
@@ -2008,12 +2274,9 @@
 
 .editor-error-container {
   height: 100%;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center; }
+  justify-content: center;
+  align-items: center; }
 
 .editor-error-message {
   margin-top: 4rem;