first commit

admin/static/scss/window/_window.discounts.scss

@@ -0,0 +1,86 @@
+.discounts_design {
+
+   .selection-edit {
+
+      .btn-default {
+         font-family: "Times New Roman", serif;
+
+         &:focus:not(.active),
+         &:active:not(.active) {
+            background: transparent;
+            color: $darkgray-dark;
+         }
+      }
+
+      > div {
+         display: flex;
+         margin: 20px 0;
+         align-items: center;
+
+         p {
+            width: 100px;
+            margin-bottom: 0;
+            text-align: right;
+            padding-right: 15px;
+         }
+
+         .btn-danger {
+            margin-left: 100px;
+         }
+      }
+
+      &.disabled {
+         pointer-events: none;
+         opacity: .5;
+      }
+   }
+
+   .text-align {
+      display: flex;
+
+      input {
+         position: absolute;
+         opacity: 0;
+         z-index: -1;
+      }
+
+      .glyphicon {
+         background-color: $white;
+         display: inline-block;
+         padding: 6px 12px;
+         font-size: 14px;
+         font-weight: normal;
+         line-height: 1.42857;
+         text-align: center;
+         white-space: nowrap;
+         vertical-align: middle;
+         cursor: pointer;
+         -webkit-user-select: none;
+         -moz-user-select: none;
+         -ms-user-select: none;
+         user-select: none;
+         border: 1px solid #aab2bd;
+         border-radius: 4px;
+         touch-action: manipulation;
+         margin: 0;
+      }
+
+      input:checked + .glyphicon {
+         color: $white;
+         border-color: #ccd1d9;
+         background-color: #ccd1d9;
+         box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
+      }
+
+      label:not(:last-child) .glyphicon {
+         border-bottom-right-radius: 0;
+         border-top-right-radius: 0;
+         border-right: 0;
+      }
+
+      label:not(:first-child) .glyphicon {
+         border-bottom-left-radius: 0;
+         border-top-left-radius: 0;
+      }
+   }
+}

admin/static/scss/window/_window.emails.scss

@@ -0,0 +1,19 @@
+
+.symbol-collapse {
+   overflow: hidden;
+
+   .table {
+      margin-bottom: 0;
+   }
+
+   > div {
+      padding: 20px 10px 10px;
+      width: 50%;
+      float: left;
+   }
+
+   > p {
+      padding: 15px 15px 0;
+      margin: 0;
+   }
+}

admin/static/scss/window/_window.order-discounts.scss

@@ -0,0 +1,138 @@
+.window-order-discounts {
+   $icon-trigger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm3.9 3.7l-4.3 6.5c-.1.2-.3.2-.4.3h-.4c-.2 0-.3-.1-.4-.3L2.6 6.9a.8.8 0 01.2-1 .8.8 0 011 .2l1.6 2.4 3.7-5.6a.8.8 0 011-.2.7.7 0 01.3 1z' /%3E%3C/svg%3E");
+   $icon-action: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm4.2 6.5v.3a.1.1 0 01-.1.1V7l-2.7 3.3a.7.7 0 01-.6.3l-.5-.2a.8.8 0 01-.1-1.1l1.7-2H3a.8.8 0 110-1.6h5.3l-1.7-2a.8.8 0 01.2-1.1.8.8 0 011.1.1L10.5 6v.1a.1.1 0 00.1.1v.2l.1.1z' data-name='Path 201'/%3E%3C/svg%3E");
+
+   .configurator {
+      display: flex;
+
+      .triggers {
+         li::before,
+         li::after {
+            display: none;
+         }
+
+         .icon::before {
+            content: $icon-trigger;
+         }
+      }
+
+      .actions {
+
+         .icon::before {
+            content: $icon-action;
+         }
+      }
+
+      .panel-group .panel + .panel {
+         border-bottom: 0;
+         border-radius: 4px;
+         margin-top: 15px;
+      }
+
+      .panel-group-lists .panel-heading + .panel-collapse .panel-body {
+         padding-top: 20px;
+         padding-bottom: 10px;
+      }
+
+      .panel-heading {
+         display: flex;
+         align-items: center;
+         justify-content: space-between;
+         padding: 5px 15px;
+
+         p {
+            font-size: 12px;
+
+            &::before {
+               display: inline-block;
+               vertical-align: middle;
+               margin-right: 10px;
+            }
+         }
+      }
+
+      .dropdown-toggle {
+         font-size: 12px;
+
+         span {
+            float: left;
+            top: 2px;
+         }
+      }
+
+      .dropdown-menu {
+         margin-top: 2px;
+         border-width: 1px;
+         border-radius: 4px;
+         max-height: 550px;
+         overflow: auto;
+
+         .icon {
+            margin-top: 6px;
+         }
+
+         li {
+            border-bottom: 1px solid #e1e3e7;
+
+            > a {
+               display: flex;
+               white-space: normal;
+            }
+         }
+
+         p {
+            color: $black;
+            font-size: 12px;
+            line-height: 20px;
+            margin: 3px 0 0;
+            padding-left: 12px;
+
+            strong {
+               color: #424a55;
+               display: block;
+               font-size: 14px;
+            }
+         }
+
+         li a:hover,
+         li a:focus,
+         .active a,
+         a:hover,
+         a:focus {
+            background-color: $gray-background;
+            color: inherit;
+         }
+      }
+   }
+
+   .box-header {
+      display: flex;
+      align-items: center;
+
+      + hr {
+         margin-top: 10px;
+      }
+
+      .col-md-4 {
+         position: static;
+      }
+
+      .col-md-1 {
+         text-align: right;
+      }
+
+      .h5 {
+         font-size: 16px;
+      }
+
+      .dropdown {
+         position: static;
+      }
+
+      .dropdown-menu {
+         left: 10px;
+         right: 10px;
+         top: auto;
+      }
+   }
+}

admin/static/scss/window/_window.orders.scss

@@ -0,0 +1,145 @@
+.order-history {
+
+   h1 {
+      font-size: 20px;
+      margin: 10px 0;
+   }
+
+   h2 {
+      font-size: 18px;
+      margin: 8px 0;
+   }
+
+   h3 {
+      font-size: 16px;
+      margin: 6px 0;
+   }
+
+   img {
+      display: block;
+      max-width: 100%;
+      height: auto !important;
+   }
+
+   .order-comment.overlay {
+      max-height: 34px;
+      overflow: hidden;
+
+      p:first-child {
+         min-height: 34px;
+      }
+   }
+
+   .read-more {
+      background: $white;
+      position: relative;
+      display: block;
+      text-align: center;
+      padding: 3px 0;
+
+      .badge {
+         position: relative;
+         z-index: 1;
+      }
+
+      &::before {
+         content: "";
+         border-top: 1px dashed #aab2bd; // $border-color;
+         display: block;
+         width: 100%;
+         height: 1px;
+         position: absolute;
+         top: 50%;
+      }
+   }
+}
+
+#statusButtons {
+   margin-left: -5px;
+   margin-right: -5px;
+
+   > div {
+      padding-right: 5px;
+      padding-left: 5px;
+   }
+
+   .btn {
+      margin-top: 5px;
+      overflow: hidden;
+      padding-left: 5px;
+      padding-right: 5px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.dropdown-toggle {
+         min-width: 0;
+         padding-right: 20px;
+         position: relative;
+      }
+
+      .caret {
+         margin-top: -1px;
+         position: absolute;
+         right: 10px;
+         top: 50%;
+      }
+   }
+
+   .dropdown-menu {
+      min-width: 100%;
+
+      li a {
+         padding: 8px 15px;
+      }
+   }
+}
+
+.window-orders-items {
+   .input-height {
+      margin-bottom: 0;
+   }
+
+   .panel-body > .form-group:last-of-type {
+      margin-bottom: 0;
+   }
+
+   .panel-title.two-lines > p {
+      padding-left: 5px;
+      padding-top: 2px;
+      padding-bottom: 0;
+   }
+
+   .panel-title .help-block {
+      margin-top: 1px;
+   }
+
+   .disable-animations *,
+   .disable-animations *::after,
+   .disable-animations *::before {
+      transition: none !important;
+   }
+
+   /** bootstrap refresh animation */
+   .dialogContentLoader {
+      text-align: center;
+      font-size: 40px;
+      color: #aaa;
+   }
+
+   .glyphicon-refresh-animate {
+      padding-top: 1.5px;
+      box-sizing: content-box;
+      transform: translateZ(0);
+      animation: spin .7s infinite linear;
+   }
+
+   @keyframes spin {
+      from {
+         transform: scale(1) rotate(0deg);
+      }
+
+      to {
+         transform: scale(1) rotate(360deg);
+      }
+   }
+}

admin/static/scss/window/_window.products.scss

@@ -0,0 +1,57 @@
+.manual-news-campaign {
+   display: flex;
+
+   label {
+      margin-right: 4px !important;
+   }
+
+   label[for="cMN"] {
+      margin-top: -3px !important;
+      position: relative;
+      text-align: center;
+      width: 26px;
+      padding: 0;
+
+      &::before {
+         display: none !important;
+      }
+
+      &:hover,
+      &:focus {
+         img {
+            opacity: 1;
+         }
+      }
+   }
+
+   :disabled ~ label[for="cMN"] img {
+      opacity: .4;
+
+      &:hover {
+         opacity: 1;
+      }
+   }
+}
+
+#coupons {
+
+   h1 {
+      display: flex;
+      align-items: center;
+
+      > span:last-child {
+         flex-grow: 1;
+         text-align: right;
+      }
+   }
+
+   .toggle {
+      margin-bottom: -2px;
+      margin-left: 20px;
+   }
+}
+
+#UnitsSelecter.input-group-btn .chosen-container .chosen-single {
+   border-right: 1px solid #aab2bd;
+   border-radius: 3px;
+}

admin/static/scss/window/_window.scss

@@ -0,0 +1,14 @@
+// taby uvnitř window tabů - např. vytvoření nové objednávky
+.tab-pane {
+
+   .nav-tabs > li.active > a,
+   .nav-tabs > li.active > a:hover,
+   .nav-tabs > li.active > a:focus {
+      background: $gray-background;
+   }
+
+   .tab-content {
+      background: $gray-background;
+      border-radius: 0 0 $border-radius-base $border-radius-base;
+   }
+}

admin/static/scss/window/_window.settings.scss

@@ -0,0 +1,64 @@
+.window-settings-social {
+   .form-group {
+      margin-bottom: 20px;
+   }
+
+   .control-label {
+      padding-left: 40px;
+      padding-right: 0;
+      width: 160px;
+
+      .fc {
+         font-size: 20px;
+         margin-right: 12px;
+      }
+   }
+}
+
+
+[data-input-overwrite] {
+   display: flex;
+
+
+   .input-group-addon {
+      width: auto;
+   }
+
+   .input-group-btn {
+      display: flex;
+      width: auto;
+
+      input {
+         display: none;
+      }
+   }
+
+   .btn {
+      background-color: #eee;
+      color: #555;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 7px;
+   }
+
+   .icons_visible {
+      font-size: 18px;
+   }
+
+   &.active .icons_visible::before {
+      color: #40ba9b;
+   }
+
+   &.disabled {
+      .icons_visible::before {
+         content: $icons_hidden;
+         color: $danger;
+      }
+
+      .form-control {
+         background-color: #f1f2f6;
+         pointer-events: none;
+      }
+   }
+}

admin/static/scss/window/_window.sliders.scss

@@ -0,0 +1,186 @@
+.window-sliders {
+   .actions {
+      border-right: 1px solid #eee;
+      align-self: stretch;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+
+      .drag-drop-mover {
+         margin-top: 0;
+      }
+   }
+
+   .photo {
+      width: auto;
+   }
+
+   .thumbnail {
+      margin-bottom: 0;
+
+      img {
+         width: 110px !important;
+
+         @supports (object-fit: cover) {
+            height: 90px !important;
+            object-fit: cover;
+            max-width: 100%;
+         }
+      }
+   }
+
+   .sizes {
+      flex-grow: 1;
+
+      > div {
+         display: flex;
+         align-items: center;
+         padding: 4px 0;
+      }
+
+      div:not(:last-child) {
+         border-bottom: 1px solid #eee;
+      }
+
+      a:nth-of-type(2) {
+         margin-left: auto;
+         white-space: nowrap;
+      }
+
+      .fc {
+         margin-right: 10px;
+         line-height: .8;
+         width: 16px;
+         text-align: center;
+         font-size: 15px;
+      }
+
+      a > .glyphicon {
+         margin-right: 6px;
+      }
+
+      a {
+         @include underline-default;
+      }
+   }
+
+   .dates {
+      max-width: 300px;
+
+      .form-group {
+         margin-bottom: 8px;
+      }
+
+      .badge {
+         display: block;
+         margin-left: 105px;
+      }
+
+      .glyphicon {
+         margin-right: 5px;
+         margin-left: -5px;
+      }
+
+      .control-label {
+         padding-right: 0;
+         width: 105px;
+
+         + div {
+            width: calc(100% - 105px);
+         }
+      }
+   }
+
+   .open {
+      border-left: 1px solid #eee;
+      border-right: 1px solid #eee;
+      align-self: stretch;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+
+      a {
+         display: inline-block;
+         width: 55px;
+      }
+
+      .glyphicon {
+         left: -2px;
+         top: 2px;
+      }
+   }
+
+   .is-inactive {
+      display: none;
+   }
+
+   .active {
+      .is-active {
+         display: none;
+      }
+
+      .is-inactive {
+         display: block;
+      }
+   }
+
+   .delete {
+      text-align: center;
+      width: auto;
+   }
+
+   .panel {
+      border: 1px solid #eee;
+      margin-bottom: 10px;
+      margin-top: 10px;
+      box-shadow: none;
+
+      .form-group:last-child {
+         margin-bottom: 0;
+      }
+
+      &.old {
+         background-color: #f6f6f6;
+      }
+   }
+
+   .panel-body {
+      padding: 0 10px;
+
+      > .row-flex {
+         margin-right: -10px;
+         margin-left: -10px;
+
+         > div {
+            padding-top: 10px;
+            padding-bottom: 10px;
+         }
+
+         + .row {
+            border-top: 1px solid #eee;
+            margin-right: -10px;
+            margin-left: -10px;
+
+            > div {
+               padding-top: 15px;
+               padding-bottom: 15px;
+            }
+         }
+      }
+   }
+
+   .bootstrap-filestyle {
+      margin-left: auto;
+
+      label {
+         font-size: 11px;
+         padding: 4px 16px;
+      }
+   }
+
+   hr {
+      margin-top: 0;
+   }
+}