keppler 2.1.17 → 2.1.18

data/testing-with-2.1.18/app/assets/javascripts/errors/application.js.coffee

@@ -0,0 +1 @@
+#= require_tree .

data/testing-with-2.1.18/app/assets/javascripts/errors/errors.js

@@ -0,0 +1,113 @@
+var particles = {
+  "particles": {
+    "number": {
+      "value": 160,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#ffffff"
+    },
+    "shape": {
+      "type": "circle",
+      "stroke": {
+        "width": 0,
+        "color": "#000000"
+      },
+      "polygon": {
+        "nb_sides": 5
+      },
+      "image": {
+        "src": "img/github.svg",
+        "width": 100,
+        "height": 100
+      }
+    },
+    "opacity": {
+      "value": 1,
+      "random": true,
+      "anim": {
+        "enable": true,
+        "speed": 1,
+        "opacity_min": 0,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 3,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 4,
+        "size_min": 0.3,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": false,
+      "distance": 150,
+      "color": "#ffffff",
+      "opacity": 0.4,
+      "width": 1
+    },
+    "move": {
+      "enable": true,
+      "speed": 0.17,
+      "direction": "none",
+      "random": true,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": false,
+        "rotateX": 600,
+        "rotateY": 600
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "canvas",
+    "events": {
+      "onhover": {
+        "enable": false,
+        "mode": "bubble"
+      },
+      "onclick": {
+        "enable": false,
+        "mode": "repulse"
+      },
+      "resize": false
+    },
+    "modes": {
+      "grab": {
+        "distance": 400,
+        "line_linked": {
+          "opacity": 1
+        }
+      },
+      "bubble": {
+        "distance": 250,
+        "size": 0,
+        "duration": 2,
+        "opacity": 0,
+        "speed": 3
+      },
+      "repulse": {
+        "distance": 400,
+        "duration": 0.4
+      },
+      "push": {
+        "particles_nb": 4
+      },
+      "remove": {
+        "particles_nb": 2
+      }
+    }
+  },
+  "retina_detect": true
+ };
+ particlesJS('particles-js', particles, function() {
+   console.log('callback - particles.js config loaded');
+ });

data/testing-with-2.1.18/app/assets/javascripts/vue_admin/index.js

@@ -0,0 +1,111 @@
+function removeA(arr) {
+  var what, a = arguments, L = a.length, ax;
+  while (L > 1 && arr.length) {
+    what = a[--L];
+    while ((ax= arr.indexOf(what)) !== -1) {
+      arr.splice(ax, 1);
+    }
+  }
+  return arr;
+}
+
+
+var app = new Vue({
+  el: "#index-container",
+  //  props: [action, controller],
+  data: {
+    items: [],
+    deleteList:[],
+    controller: "",
+    current_path: "",
+    states: {
+      checkall: false
+    }
+  },
+  mounted: function(){
+    var that = this;
+    that.controller = that._vnode.data.attrs.controller;
+    wlp = window.location.pathname;
+    that.current_path = wlp.includes('page') ? wlp : `${wlp}/page/1`;
+
+    $.ajax({
+      url: `${that.current_path}.json`,
+      success: function(res){
+        that.items = res;
+      }
+    });
+  },
+  computed:{
+    checks: function(){
+      return this.deleteList.length > 0
+    },
+    link: function(){
+      original_url = window.location.pathname;
+      split_url = window.location.pathname.split('/page');
+      return `${split_url[0]}/destroy_multiple?multiple_ids=[${this.deleteList}]`
+    },
+    checkItems: function(){
+      return this.items.length > 0
+    }
+  },
+  methods: {
+    listDelete: function(user_id){
+      var that = this;
+      if(that.deleteList.includes(user_id)){
+        removeA(that.deleteList, user_id)
+      }else{
+        that.deleteList.push(user_id)
+      }
+      let check = document.getElementById(`checkbox-all`)
+      if(that.deleteList.length == that.items.length){
+        check.checked = true;
+        that.states.checkall = true;
+        console.log(that.states.checkall)
+      }else{
+        check.checked = false;
+        that.states.checkall = false;
+      }
+      //console.log(that.deleteList);
+    },
+    selectAll: function(){
+      var that = this;
+      let advice = false;
+
+      console.log(that.items)
+      if(that.states.checkall){
+        that.items.map(function(item, idx){
+          let check = document.getElementById(`checkbox-${item.id}`)
+          if (check.checked) check.click();
+        });
+      }else{
+        if (that.deleteList.length < that.items.length){
+          that.items.map(function(item, idx){
+            if (!that.deleteList.includes(item.id)) document.getElementById(`checkbox-${item.id}`).click();
+              //console.log(that.deleteList.length + ' - ' + that.items.length);
+              //console.log(`Este fue agregado ${item.id}`);
+          });
+        }else{
+          that.items.map(function(item, idx){
+            //console.log(`Este fue quitado ${item.id}`);
+            document.getElementById(`checkbox-${item.id}`).click();
+          });
+          advice = true;
+        }
+      }
+      // console.log(that.states.checkall)
+      if (advice) that.states.checkall = !that.states.checkall;
+
+      // console.log(that.states.checkall)
+    }
+    // deleteThem: function(){
+    //   var that = this;
+    //   //$.ajax({
+    //   //  method: 'DELETE',
+    //   //  url: "/admin/users?multiple_ids=[" + that.deleteList + "]",
+    //   //  success: function(res){
+    //   //    that.$el.$remove()
+    //   //  }
+    //   //})
+    // }
+  }
+});

data/testing-with-2.1.18/app/assets/stylesheets/admin/application.scss

@@ -0,0 +1,48 @@
+//= require animate-css
+//= require jquery.minicolors
+//= require admin/codemirror/codemirror
+//= require_tree ./codemirror/theme
+//= require_tree ./codemirror/addon
+//= require keppler_frontend/admin/application
+//= require keppler_languages/application
+//= require keppler_capsules/admin/application
+//= require_self
+
+// Fonts and icons
+@import 'fonts-and-icons/fonts';
+@import 'fonts-and-icons/icons';
+@import 'fonts-and-icons/boxicons';
+
+// Libraries and plugins as gems
+@import 'bourbon';
+@import 'font-awesome-sprockets';
+@import 'font-awesome';
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+@import 'adminlte';
+@import 'slick';
+@import 'slick-theme';
+
+// Utils folder
+@import 'utils/variables';
+@import 'utils/mixins';
+@import 'utils/theme';
+@import 'utils/base';
+
+// Vendor folder
+@import 'vendor/admin-lte/skin-blue';
+@import 'vendor/sweetalert2/sweetalert2';
+
+// Bootstrap File Input
+@import 'bootstrap-file-input/*';
+
+// Components folder
+@import 'components/navigation/navbar';
+@import 'components/navigation/sidebar';
+@import 'components/navigation/turbolinks';
+@import 'components/layouts/footer';
+@import 'components/layouts/settings';
+@import 'components/paginator/paginator';
+
+// Page folder
+@import 'pages/*';

data/testing-with-2.1.18/app/assets/stylesheets/admin/bootstrap-file-input/fileinput-rtl.scss

@@ -0,0 +1,133 @@
+//colors
+$zorba: #a2958a !default;
+$mine-shaft: #333 !default;
+
+//standard measures
+$radius: 4px !default;
+$pad: 5px !default;
+$border: 1px !default;
+
+//operations
+@function multiply($pixels, $multiplier) {
+  @return $pixels * $multiplier;
+}
+
+//@extend-elements
+%set-float-left {
+  float: left;
+}
+
+%set-float-right {
+  float: right;
+}
+
+%set-text-right {
+  text-align: right;
+}
+
+.kv-rtl {
+  direction: rtl;
+
+  .floating-buttons {
+    left: multiply($pad, 2);
+    right: auto;
+
+    .btn-kv {
+      margin-left: 0;
+      margin-right: multiply($pad, .6);
+    }
+  }
+
+  .file-caption-icon {
+    left: auto;
+    right: multiply($pad, 1.6);
+  }
+
+  .close {
+    @extend %set-float-left;
+  }
+
+  .file-zoom-dialog {
+    @extend %set-text-right;
+  }
+
+  .file-error-message {
+    pre {
+      @extend %set-text-right;
+    }
+
+    ul {
+      @extend %set-text-right;
+    }
+  }
+
+  .file-drop-zone {
+    margin: multiply($pad, 2.4) multiply($pad, 2.4) multiply($pad, 2.4) multiply($pad, 3);
+  }
+
+  .btn-prev {
+    left: auto;
+    right: multiply($pad, .2);
+  }
+
+  .btn-next {
+    left: multiply($pad, .2);
+    right: auto;
+  }
+
+  .kv-zoom-title {
+    direction: ltr;
+  }
+
+  .krajee-default {
+    &.file-preview-frame {
+      @extend %set-float-right;
+      box-shadow: (-$border) $border multiply($border, 5) 0 $zorba;
+    }
+
+    &.file-preview-frame:not(.file-preview-error):hover {
+      box-shadow: multiply($border, -3) multiply($border, 3) multiply($border, 5) 0 $mine-shaft;
+    }
+
+    .file-actions {
+      @extend %set-float-left;
+    }
+
+    .file-other-error {
+      @extend %set-float-left;
+    }
+
+    .file-drag-handle {
+      @extend %set-float-right;
+    }
+
+    .file-upload-indicator {
+      @extend %set-float-right;
+    }
+  }
+
+  .kv-zoom-actions .btn-kv {
+    margin-left: 0;
+    margin-right: multiply($pad, .6);
+  }
+
+  .file-caption.icon-visible .file-caption-name {
+    padding-left: 0;
+    padding-right: multiply($pad, 3);
+  }
+
+  .input-group-btn > .btn:last-child {
+    border-radius: $radius 0 0 $radius;
+  }
+
+  .input-group .form-control:first-child {
+    border-radius: 0 $radius $radius 0;
+  }
+
+  .btn-file [type=file] {
+    background: none repeat scroll 100% 0 transparent;
+    left: auto;
+    right: 0;
+    text-align: left;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/bootstrap-file-input/fileinput.scss

@@ -0,0 +1,760 @@
+//colors
+$mountain-mist: #999 !default;
+$apple-blossom: #a94442 !default;
+$vanilla-ice: #f2dede !default;
+$oyster-pink: #ebccd1 !default;
+$gallery: #eee !default;
+$alto: #ddd !default;
+$green: #008000 !default;
+$zorba: #a2958a !default;
+$mine-shaft: #333 !default;
+$boston-blue: #428bca !default;
+$tapa: #777 !default;
+$black: #000 !default;
+$mystic: #e1edf7 !default;
+$perano: #a1abff !default;
+$silver-chalice: #aaa !default;
+$viking: #5acde2 !default;
+$curious-blue: #1c94c4 !default;
+$link-water: #d9edf7 !default;
+
+//fonts
+$font-0: Impact !default;
+$font-1: Charcoal !default;
+$font-2: sans-serif !default;
+$font-3: Menlo !default;
+$font-4: Monaco !default;
+$font-5: Consolas !default;
+$font-6: 'Courier New' !default;
+$font-7: monospace !default;
+
+//urls
+// $url-0: url(../admin/loading.gif) !default;
+// $url-1: url(../admin/loading-sm.gif) !default;
+
+//standard measures
+$radius: 4px !default;
+$pad: 5px !default;
+$mar-b: 18px;
+$border: 1px !default;
+
+//operations
+@function multiply($pixels, $multiplier) {
+  @return $pixels * $multiplier;
+}
+
+//@extend-elements
+%set-invisible {
+  height: 0;
+  width: 0;
+}
+
+%set-hidden {
+  display: none;
+}
+
+%set-absolute {
+  position: absolute;
+}
+
+%set-relative {
+  position: relative;
+}
+
+%set-text-left {
+  text-align: left;
+}
+
+%set-error {
+  @extend %set-text-left;
+  margin: 0;
+}
+
+%set-indicator {
+  height: multiply($pad, 3.2);
+  margin: $pad 0 (-$pad);
+  width: multiply($pad, 3.2);
+}
+
+%set-progress {
+  font-size: multiply($pad, 1.8);
+  height: multiply($pad, 2.2);
+  line-height: multiply($pad, 2);
+}
+
+%set-caption {
+  display: block;
+  height: multiply($pad, 3);
+  margin: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: multiply($pad, 32);
+}
+
+%set-object {
+  max-height: 100%;
+  max-width: 100%;
+  width: auto;
+}
+
+%set-object-video {
+  @extend %set-object;
+  height: 100%;
+}
+
+%set-object-default {
+  width: 100%;
+}
+
+.kv-hidden {
+  @extend %set-hidden;
+}
+
+.hide-content .kv-file-content {
+  @extend %set-hidden;
+}
+
+.rotate-2 {
+  transform: rotateY(180deg);
+}
+
+.rotate-3 {
+  transform: rotate(180deg);
+}
+
+.rotate-4 {
+  transform: rotate(180deg) rotateY(180deg);
+}
+
+.rotate-5 {
+  transform: rotate(270deg) rotateY(180deg);
+}
+
+.rotate-6 {
+  transform: rotate(90deg);
+}
+
+.rotate-7 {
+  transform: rotate(90deg) rotateY(180deg);
+}
+
+.rotate-8 {
+  transform: rotate(270deg);
+}
+
+.file-input {
+  @extend %set-relative;
+}
+
+.file-no-browse {
+  @extend %set-absolute;
+  background: none;
+  border: 0;
+  bottom: 20%;
+  box-shadow: none;
+  font-size: 0;
+  height: 1px;
+  left: 50%;
+  opacity: 0;
+  outline: none;
+  width: 1px;
+}
+
+.file-loading {
+  [type=file] {
+    @extend %set-invisible;
+  }
+
+  &::before {
+    @extend %set-relative;
+    // background: transparent $url-0 top left no-repeat;
+    color: $mountain-mist;
+    content: ' Loading...';
+    display: inline-block;
+    font-size: multiply($pad, 2.6);
+    font-variant: small-caps;
+    line-height: multiply($pad, 3.2);
+    padding-left: multiply($pad, 4);
+  }
+}
+
+[type=file].file-loading {
+  @extend %set-invisible;
+}
+
+.file-object {
+  margin: 0 0 (-$pad);
+  padding: 0;
+}
+
+.btn-file {
+  @extend %set-relative;
+  overflow: hidden;
+
+  [type=file] {
+    @extend %set-absolute;
+    background: none repeat scroll 0 0 transparent;
+    cursor: inherit;
+    display: block;
+    left: 0;
+    min-height: 100%;
+    min-width: 100%;
+    opacity: 0;
+    text-align: right;
+    top: 0;
+  }
+
+  ::-ms-browse {
+    font-size: multiply($pad, 2000);
+    height: 100%;
+    width: 100%;
+  }
+}
+
+.file-caption {
+  @extend %set-relative;
+
+  .file-caption-name {
+    background: none;
+    border: 0;
+    box-shadow: none;
+    margin: 0;
+    outline: none;
+    padding: 0;
+    width: 100%;
+  }
+
+  &.icon-visible {
+    .file-caption-icon {
+      display: inline-block;
+    }
+
+    .file-caption-name {
+      padding-left: multiply($pad, 3);
+    }
+  }
+}
+
+.file-caption-icon {
+  @extend %set-hidden;
+  @extend %set-absolute;
+  left: multiply($pad, 1.6);
+}
+
+.file-error-message {
+  background-color: $vanilla-ice;
+  border: $border solid $oyster-pink;
+  border-radius: $radius;
+  color: $apple-blossom;
+  margin: $pad;
+  padding: multiply($pad, 3);
+
+  pre {
+    @extend %set-error;
+    margin: $pad 0;
+  }
+
+  ul {
+    @extend %set-error;
+  }
+}
+
+.file-caption-disabled {
+  background-color: $gallery;
+  cursor: not-allowed;
+  opacity: 1;
+}
+
+.file-preview {
+  @extend %set-relative;
+  border: $border solid $alto;
+  border-radius: multiply($radius, 1.25);
+  margin-bottom: $mar-b;
+  padding: multiply($pad, 1.6);
+  width: 100%;
+
+  .btn-xs {
+    border-radius: multiply($radius, .75);
+    font-size: multiply($pad, 2.4);
+    line-height: 1.5;
+    padding: multiply($pad, .2) $pad;
+  }
+
+  .fileinput-remove {
+    @extend %set-absolute;
+    line-height: multiply($pad, 2);
+    right: multiply($pad, 1);
+    top: multiply($pad, 1);
+  }
+
+  .clickable {
+    cursor: pointer;
+  }
+}
+
+.file-preview-image {
+  color: $green;
+  font: multiply($pad, 8) $font-0, $font-1, $font-2;
+}
+
+.krajee-default {
+  &.file-preview-frame {
+    @extend %set-relative;
+    border: $border solid $alto;
+    box-shadow: $border $border $pad 0 $zorba;
+    float: left;
+    margin: multiply($pad, 1.6);
+    padding: multiply($pad, 1.2);
+    text-align: center;
+
+    .kv-file-content {
+      height: multiply($pad, 32);
+      width: multiply($pad, 42.6);
+    }
+
+    .file-thumbnail-footer {
+      height: multiply($pad, 14);
+    }
+
+    &:not(.file-preview-error):hover {
+      box-shadow: multiply($pad, .6) multiply($pad, .6) $pad 0 $tapa;
+    }
+  }
+
+  .file-preview-text {
+    border: $border solid $alto;
+    color: $boston-blue;
+    display: block;
+    font-family: $font-3, $font-4, $font-5, $font-6, $font-7;
+    outline: none;
+    padding: multiply($pad, 1.6);
+    resize: none;
+  }
+
+  .file-preview-html {
+    border: $border solid $alto;
+    overflow: auto;
+    padding: multiply($pad, 1.6);
+  }
+
+  .file-actions {
+    @extend %set-text-left;
+  }
+
+  .file-other-error {
+    @extend %set-text-left;
+  }
+
+  .file-other-icon {
+    font-size: 6em;
+  }
+
+  .file-footer-buttons {
+    float: right;
+  }
+
+  .file-footer-caption {
+    color: $tapa;
+    display: block;
+    font-size: multiply($pad, 2.2);
+    margin-bottom: multiply($pad, 3);
+    padding-top: multiply($pad, .8);
+    text-align: center;
+  }
+
+  .file-preview-error {
+    box-shadow: none;
+    opacity: .65;
+  }
+
+  .file-drag-handle {
+    @extend %set-indicator;
+  }
+
+  .file-upload-indicator {
+    @extend %set-indicator;
+  }
+
+  .file-thumb-progress {
+    @extend %set-absolute;
+    height: multiply($pad, 2.2);
+    left: 0;
+    right: 0;
+    top: multiply($pad, 7.4);
+
+    .progress {
+      @extend %set-progress;
+    }
+
+    .progress-bar {
+      @extend %set-progress;
+    }
+  }
+
+  .file-thumbnail-footer {
+    @extend %set-relative;
+  }
+
+  .file-caption-info {
+    @extend %set-caption;
+  }
+
+  .file-size-info {
+    @extend %set-caption;
+  }
+
+  &.kvsortable-ghost {
+    background: $mystic;
+    border: multiply($border, 2) solid $perano;
+  }
+
+  .file-preview-other:hover {
+    opacity: .8;
+  }
+
+  .file-preview-frame:not(.file-preview-error) .file-footer-caption:hover {
+    color: $black;
+  }
+}
+
+.kv-upload-progress {
+  .progress {
+    height: multiply($pad, 4);
+    line-height: multiply($pad, 4);
+    margin: multiply($pad, 2) 0;
+    overflow: hidden;
+  }
+
+  .progress-bar {
+    height: multiply($pad, 4);
+    line-height: multiply($pad, 4);
+  }
+}
+
+.file-zoom-dialog {
+  .file-other-icon {
+    //noinspection CssOverwrittenProperties
+    // font-size: 22em;
+    //noinspection CssOverwrittenProperties
+    font-size: 50vmin;
+  }
+
+  .modal-dialog {
+    @extend %set-relative;
+    width: auto;
+  }
+
+  .modal-header {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+
+    &::before {
+      @extend %set-hidden;
+    }
+
+    &::after {
+      @extend %set-hidden;
+    }
+  }
+
+  .btn-navigate {
+    @extend %set-absolute;
+    background: transparent;
+    color: $curious-blue;
+    font-size: 4em;
+    margin: 0;
+    opacity: .7;
+    outline: none;
+    padding: 0;
+    text-decoration: none;
+    top: 45%;
+
+    &:not([disabled]):hover {
+      box-shadow: none;
+      opacity: .6;
+      outline: none;
+    }
+  }
+
+  .floating-buttons {
+    @extend %set-absolute;
+    right: multiply($pad, 2);
+    top: $pad;
+  }
+
+  .btn-navigate[disabled] {
+    opacity: .3;
+  }
+
+  .btn-prev {
+    left: multiply($pad, .2);
+  }
+
+  .btn-next {
+    right: multiply($pad, .2);
+  }
+
+  .kv-zoom-title {
+    color: $mountain-mist;
+    font-weight: 300;
+    max-width: 50%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.file-input-new {
+  .file-preview {
+    @extend %set-hidden;
+  }
+
+  .close {
+    @extend %set-hidden;
+  }
+
+  .glyphicon-file {
+    @extend %set-hidden;
+  }
+
+  .fileinput-remove-button {
+    @extend %set-hidden;
+  }
+
+  .fileinput-upload-button {
+    @extend %set-hidden;
+  }
+
+  .no-browse {
+    .input-group-btn {
+      @extend %set-hidden;
+    }
+
+    .form-control {
+      border-bottom-right-radius: $radius;
+      border-top-right-radius: $radius;
+    }
+  }
+}
+
+.file-input-ajax-new {
+  .fileinput-remove-button {
+    @extend %set-hidden;
+  }
+
+  .fileinput-upload-button {
+    @extend %set-hidden;
+  }
+
+  .no-browse {
+    .input-group-btn {
+      @extend %set-hidden;
+    }
+
+    .form-control {
+      border-bottom-right-radius: $radius;
+      border-top-right-radius: $radius;
+    }
+  }
+}
+
+.file-caption-main {
+  width: 100%;
+}
+
+.file-thumb-loading {
+  // background: transparent $url-0 no-repeat scroll center center content-box;
+}
+
+.file-drop-zone {
+  border: $border dashed $silver-chalice;
+  border-radius: $radius;
+  height: 100%;
+  margin: multiply($pad, 2.4) multiply($pad, 3) multiply($pad, 2.4) multiply($pad, 2.4);
+  padding: $pad;
+  text-align: center;
+  vertical-align: middle;
+
+  &.clickable {
+    &:hover {
+      border: multiply($border, 2) dashed $mountain-mist;
+    }
+
+    &:focus {
+      border: multiply($border, 2) solid $viking;
+    }
+  }
+
+  .file-preview-thumbnails {
+    cursor: default;
+  }
+}
+
+.file-drop-zone-title {
+  color: $silver-chalice;
+  cursor: default;
+  font-size: 1.6em;
+  padding: multiply($pad, 17) multiply($pad, 2);
+}
+
+.file-highlighted {
+  background-color: $gallery;
+  border: multiply($border, 2) dashed $mountain-mist;
+}
+
+.file-uploading {
+  // background: $url-1 no-repeat center bottom multiply($pad, 2);
+  opacity: .65;
+}
+
+@media(min-width: 576px) {
+  .file-zoom-dialog .modal-dialog {
+    max-width: 500px;
+  }
+}
+
+@media(min-width: 992px) {
+  .file-zoom-dialog .modal-lg {
+    max-width: 800px;
+  }
+}
+
+.file-zoom-fullscreen {
+  &.modal {
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+  }
+
+  .modal-dialog {
+    height: 100%;
+    margin: 0;
+    max-height: 100%;
+    max-width: 100%;
+    padding: 0;
+    position: fixed;
+    width: 100%;
+  }
+
+  .modal-content {
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  .modal-body {
+    overflow-y: auto;
+  }
+}
+
+.floating-buttons {
+  z-index: 3000;
+
+  .btn-kv {
+    margin-left: multiply($pad, .6);
+    z-index: 3000;
+  }
+}
+
+.file-zoom-content {
+  height: multiply($pad, 96);
+  text-align: center;
+
+  .file-preview-image {
+    max-height: 100%;
+  }
+
+  .file-preview-video {
+    max-height: 100%;
+  }
+
+  .is-portrait-gt4 {
+    margin-top: multiply($pad, 12);
+  }
+
+  > .file-object {
+    &.type-image {
+      @extend %set-object;
+      height: auto;
+      min-height: inherit;
+    }
+
+    &.type-video {
+      @extend %set-object-video;
+    }
+
+    &.type-flash {
+      @extend %set-object-video;
+    }
+
+    &.type-audio {
+      height: multiply($pad, 6);
+      width: auto;
+    }
+
+    &.type-pdf {
+      @extend %set-object-default;
+    }
+
+    &.type-html {
+      @extend %set-object-default;
+    }
+
+    &.type-text {
+      @extend %set-object-default;
+    }
+
+    &.type-default {
+      @extend %set-object-default;
+    }
+  }
+}
+
+@media screen and(max-width: 767px) {
+  .file-preview-thumbnails {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  .file-zoom-dialog .modal-header {
+    flex-direction: column;
+  }
+}
+
+@media screen and(max-width: 350px) {
+  .krajee-default.file-preview-frame .kv-file-content {
+    width: multiply($pad, 32);
+  }
+}
+
+.file-loading[dir=rtl]::before {
+  // background: transparent $url-0 top right no-repeat;
+  padding-left: 0;
+  padding-right: multiply($pad, 4);
+}
+
+.file-sortable .file-drag-handle {
+  cursor: move;
+  opacity: 1;
+
+  &:hover {
+    opacity: .7;
+  }
+}
+
+.clickable .file-drop-zone-title {
+  cursor: pointer;
+}
+
+.kv-zoom-actions .btn-kv {
+  margin-left: multiply($pad, .6);
+}
+
+.file-preview-initial.sortable-chosen {
+  background-color: $link-water;
+}