first commit

admin/static/scss/base/_helper-classes.scss

@@ -0,0 +1,176 @@
+.m-b-0 {
+   margin-bottom: 0;
+}
+
+.m-b-1 {
+   margin-bottom: 1rem;
+}
+
+.m-b-2 {
+   margin-bottom: 1.5rem;
+}
+
+.m-b-3 {
+   margin-bottom: 3rem;
+}
+
+.m-b-4 {
+   margin-bottom: 4rem;
+}
+
+.m-t-0 {
+   margin-top: 0;
+}
+
+.m-t-1 {
+   margin-top: 1rem;
+}
+
+.m-t-2 {
+   margin-top: 1.5rem;
+}
+
+.m-t-3 {
+   margin-top: 3rem;
+}
+
+.m-t-4 {
+   margin-top: 4rem;
+}
+
+.m-l-auto {
+   margin-left: auto;
+}
+
+.m-l-1 {
+   margin-left: .5rem;
+}
+
+.m-l-2 {
+   margin-left: 1rem;
+}
+
+.m-r-1 {
+   margin-right: .5rem !important;
+}
+
+.m-r-2 {
+   margin-right: 1rem;
+}
+
+.m-x-0 {
+   margin-right: 0;
+   margin-left: 0;
+}
+
+.p-b-0 {
+   padding-bottom: 0 !important;
+}
+
+.flex-grow {
+   flex-grow: 1;
+}
+
+.w-max {
+   width: max-content;
+}
+
+.justify-center {
+   justify-content: center;
+}
+
+.justify-end {
+   justify-content: flex-end;
+}
+
+.align-center {
+   align-items: center;
+}
+
+.status-success {
+   color: $success;
+}
+
+.status-warning {
+   color: $warning;
+}
+
+.truncate {
+   overflow: hidden;
+   text-overflow: ellipsis;
+   white-space: nowrap;
+}
+
+.no-margin {
+   margin: 0;
+}
+
+.d-flex {
+   display: flex;
+}
+
+.gap-1 {
+   gap: $gap-width;
+}
+
+.justify-content-start {
+   justify-content: flex-start;
+}
+
+.justify-content-end {
+   justify-content: flex-end;
+}
+
+.justify-content-center {
+   justify-content: center;
+}
+
+.justify-content-between {
+   justify-content: space-between;
+}
+
+.justify-content-around {
+   justify-content: space-around;
+}
+
+.align-items-start {
+   align-items: flex-start;
+}
+
+.align-items-end {
+   align-items: flex-end;
+}
+
+.align-items-center {
+   align-items: center;
+}
+
+.align-items-baseline {
+   align-items: baseline;
+}
+
+.align-items-stretch {
+   align-items: stretch;
+}
+
+/**  Disable animation for panel */
+.no-transition {
+   transition: none !important;
+}
+
+.fc {
+   display: inline-block;
+   line-height: .8em;
+
+   &::before {
+      vertical-align: middle;
+   }
+}
+
+.nowrap {
+   white-space: nowrap;
+}
+
+.flex-wrap {
+   flex-wrap: wrap;
+}

admin/static/scss/base/_layout.scss

@@ -0,0 +1,130 @@
+html,
+body,
+form[name=body_form],
+form[name=editform] {
+   height: 100%;
+   width: 100%;
+}
+
+html,
+body {
+   background-color: transparent;
+}
+
+body.panel_frame { /* IFRAME UVNITŘ PANELU */
+   padding: 5px;
+   height: auto;
+   width: auto;
+}
+
+/*************************** MAIN CONTENT ***********************************/
+#body-content {
+   display: flex;
+   flex-direction: column;
+   height: 100%;
+}
+
+#main_content {
+   flex: 1 0 auto;
+   background-color: $gray-background;
+   display: flex;
+}
+
+#right_content {
+   flex: 1 0 auto;
+   display: flex;
+   flex-direction: column;
+}
+
+#right_content iframe {
+   flex: 1 0 auto;
+}
+
+#left_content {
+   width: 240px;
+   flex: 0 0 auto;
+   display: flex;
+   flex-direction: column;
+   transition: width .5s;
+   position: relative;
+
+   .side-hide {
+      right: 7px;
+      position: absolute;
+   }
+
+   &.collapsed {
+      width: 56px;
+   }
+
+   iframe {
+      flex: 1 0 auto;
+      background-color: #272930;
+   }
+}
+
+.container-fluid.box {
+   min-height: 100%;
+}
+
+.iframe-box {
+   margin: -20px; // vyresetuje paddingy
+}
+
+/*************************** PANEL ********************************************/
+
+.row.static {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   margin: 0;
+   z-index: 20;
+}
+
+.row.static .alert {
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   margin: 0;
+   z-index: 20;
+   border-radius: 0;
+}
+
+/*************************** PANEL END ********************************************/
+
+/************************ FLEXBOX PROPERTIES **************************************/
+.box { /* SLOUPEC */
+   display: flex;
+   flex-direction: column;
+}
+
+.box-row { /* ŘÁDEK */
+   display: flex;
+}
+
+.boxFlex {
+   flex: 1 0 auto;
+}
+
+.boxStatic {
+   flex: 0 0 auto;
+}
+
+.boxFlex textarea,
+.boxFlex textarea.wysiwyg {
+   flex: 1 0 auto;
+}
+
+.tab-content .box.active {
+   display: flex;
+}
+
+/********************** FLEXBOX PROPERTIES END *************************************/
+
+.bg-white-box {
+   background: $body-bg;
+   padding: 15px;
+   border-radius: $border-radius-base;
+}

admin/static/scss/base/_mixins.scss

@@ -0,0 +1,79 @@
+@mixin haf {
+   &:hover,
+   &:active,
+   &:focus {
+      @content;
+   }
+}
+
+@mixin glyphicon {
+   position: relative;
+   top: 1px;
+   display: inline-block;
+   font-family: "Glyphicons Halflings";
+   font-style: normal;
+   font-weight: normal;
+   line-height: 1;
+   -webkit-font-smoothing: antialiased;
+   -moz-osx-font-smoothing: grayscale;
+   transition: transform .2s;
+}
+
+@mixin underline-default {
+   text-decoration: underline;
+
+   &:hover,
+   &:active {
+      text-decoration: none;
+   }
+}
+
+@mixin underline-hover {
+   text-decoration: none;
+
+   &:hover,
+   &:active {
+      text-decoration: underline;
+   }
+}
+
+@mixin underline-never {
+   text-decoration: none;
+
+   &:hover,
+   &:active {
+      text-decoration: none;
+   }
+}
+
+@mixin haf {
+   &:hover,
+   &:active,
+   &:focus {
+      @content;
+   }
+}
+
+@mixin truncate {
+   overflow: hidden;
+   text-overflow: ellipsis;
+   white-space: nowrap;
+   width: 100%;
+}
+
+@mixin custom-scrollbar {
+   &::-webkit-scrollbar {
+      width: $scrollbar-size;
+      height: $scrollbar-size;
+   }
+
+   &::-webkit-scrollbar-track {
+      box-shadow: none;
+      background: $scroll-bar-track-color;
+   }
+
+   &::-webkit-scrollbar-thumb {
+      background: $scroll-bar-thumb-color;
+      border-radius: $border-radius-base;
+   }
+}

admin/static/scss/base/_variables.scss

@@ -0,0 +1,50 @@
+// Global Variables
+//------------------------------------------------------
+// todo: prehodit do bootstrap variables "_variables.colors.scss"
+
+$white: #fff !default;
+$black: #000 !default;
+
+$primary: #1c6ee8 !default;
+$primary-dark: #0d4db6 !default;
+$primary-light: #95beff !default;
+$primary-ultralight: #ebf3ff !default;
+
+$info: #9b51e0 !default;
+$info-dark: #611e9e !default;
+$info-light: #d1acf3 !default;
+
+$success: #8cc152 !default;
+$success-dark: #49810b !default;
+$success-light: #b9eb83 !default;
+
+$warning: #f6bb42 !default;
+$warning-dark: #b57b06 !default;
+$warning-light: #ffd56d !default;
+
+$danger: #da4453 !default;
+$danger-dark: #b5232f !default;
+$danger-light: #eeb1b4 !default;
+
+$lightgray: #f1f2f6 !default;
+$lightgray-dark: #dbdfe4 !default;
+$lightgray-light: #f8f8fa !default;
+
+$mediumgray: #bac0c9 !default;
+$mediumgray-dark: #99a0a9;
+
+$darkgray: #878b92 !default;
+$darkgray-dark: #434a54 !default;
+
+$border-color: $mediumgray !default;
+$border-color-light: $lightgray-dark !default;
+
+$body-bg: $white !default;
+$gray-background: $lightgray !default;
+$gray-background-light: $lightgray-light !default;
+
+$border-radius-base: 4px !default;
+
+$scrollbar-size: 4px !default;
+$scroll-bar-track-color: $body-bg !default;
+$scroll-bar-thumb-color: $mediumgray !default;