keppler 2.1.17 → 2.1.18

data/testing-with-2.1.18/app/assets/stylesheets/admin/components/navigation/_navbar.scss

@@ -0,0 +1,187 @@
+$gradient1: rgba(51, 51, 102, 1);
+$gradient2: rgba(30, 43, 64, 1);
+$gradient3: rgba(30, 43, 64, 1);
+$gray-color: #949494;
+
+.skin-blue {
+  .language-select {
+    .language-option {
+      height: 50px;
+      width: 55px;
+    }
+
+    .small-flat {
+      position: relative;
+      top: 5px;
+    }
+  }
+
+  .user-select {
+    .user-option {
+      height: 50px;
+    }
+  }
+
+  .dropdown a {
+    border-radius: 0;
+  }
+
+  .main-header {
+    position: fixed;
+    width: 100%;
+
+    .small-profile-img {
+      @extend %circle-img;
+      background-color: $keppler-color;
+      float: left;
+      height: 25px;
+      margin-right: 10px;
+      margin-top: -2px;
+      object-fit: cover;
+      width: 25px;
+
+      @include respond-to(xs) {
+        margin-right: 0;
+      }
+    }
+
+    .nav-profile-img {
+      @extend %circle-img;
+      background: $keppler-color;
+      height: 90px;
+      margin: 0 auto;
+      object-fit: cover;
+      width: 90px;
+    }
+
+    .navbar-static-top {
+      background: $white;
+      box-shadow: 0 1px 3px $transparent-black-12;
+      margin: 0;
+    }
+
+    .user-header {
+      align-items: center;
+      background: url('profile-menu.jpg'), linear-gradient(to bottom, $gradient1 0%, $gradient2 51%, $gradient3 100%);
+      background-position: center;
+      background-size: cover;
+      display: flex;
+      height: 150px;
+    }
+
+  }
+
+  .user-footer {
+    background-color: $white !important; // scss-lint:disable ImportantRule
+
+    .btn-default {
+      border-radius: 15px;
+      padding: 5px 20px;
+    }
+  }
+
+  .sidebar-toggle {
+    align-items: center;
+    background-color: $keppler-color;
+    color: $white;
+    display: flex;
+    padding: 15px;
+
+    i {
+      font-size: 20px;
+    }
+
+    &::before {
+      display: none;
+    }
+
+    &:hover {
+      background-color: darken($keppler-color, 10%);
+    }
+  }
+
+  .logo {
+    background: transparent;
+    border-bottom: 0 solid transparent;
+    display: flex;
+    font-size: 2.3rem;
+    justify-content: flex-start;
+    width: 185px;
+    z-index: 9;
+
+    span {
+      color: $keppler-color;
+      font-family: 'Patua One', cursive;
+      font-size: 2.6rem;
+      // text-shadow: 1px 1px 1px $logo-span-text-shadow;
+    }
+  }
+}
+
+.user-menu span,
+.navbar-nav i {
+  color: $navbar-static-top-link;
+}
+
+.navbar.navbar-static-top {
+  height: 50px;
+
+  h3 {
+    display: inline-block;
+    margin: 10px 0;
+  }
+}
+
+.sidebar-mini.sidebar-collapse {
+  .main-header .navbar {
+    margin-left: 0;
+  }
+
+  .main-header .logo {
+    width: 185px;
+  }
+
+  .logo-mini span {
+    margin-left: 15px;
+  }
+
+  .main-sidebar {
+    transform: translate(0, 0);
+    width: 50px;
+    z-index: 850;
+  }
+}
+
+.navbar-nav {
+  transition: .4s .5s ease-in-out;
+}
+
+.current-user {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  margin-top: -15px;
+
+  p {
+    color: $keppler-color;
+    font-size: 18px;
+    font-weight: 900;
+    margin-bottom: 0;
+  }
+
+  small {
+    color: $almost-black;
+  }
+}
+
+.btn-user {
+  display: flex;
+  justify-content: space-evenly;
+  padding: 15px 10px 10px;
+}
+
+.user-menu {
+  .dropdown-menu {
+    box-shadow: $box-shadow-collapse;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/components/navigation/_sidebar.scss

@@ -0,0 +1,207 @@
+.main-sidebar {
+  background-color: $gray-lighten !important; // scss-lint:disable ImportantRule
+  padding-top: 50px;
+
+  .sidebar {
+    margin: 0;
+    min-height: 90vh;
+    padding-top: 20px;
+
+    .user-panel {
+      background-position: center;
+      background-size: cover;
+      padding-bottom: 3rem;
+      padding-top: 3rem;
+    }
+  }
+}
+
+.sidebar-item.active,
+.sidebar-item.active > a {
+  background: $white;
+  border-left-color: $keppler-color;
+  // box-shadow: 0 1px 3px $light-transparent;
+  color: $dark-grey;
+  transition: .3s ease-out;
+
+  > i {
+    color: $keppler-color;
+  }
+}
+
+.sidebar-link {
+  color: $light-grey;
+  transition: .3s ease-out;
+
+  span {
+    margin-left: 10px;
+  }
+
+  &:hover,
+  &:active,
+  &:focus,
+  &.current,
+  &.active {
+    background: $white;
+    border-left-color: $keppler-color;
+    color: $dark-grey;
+    transition: .3s ease-out;
+
+    i {
+      color: $keppler-color;
+    }
+  }
+}
+
+.sidebar-menu {
+  > li {
+
+    &.active {
+      background: $white;
+      border-left-color: $keppler-color;
+    }
+
+    > a {
+      border-left: 3px solid transparent;
+    }
+  }
+
+  .treeview-menu {
+    li {
+      margin-left: 27px;
+    }
+
+    a {
+      padding: 5px 5px 5px 40px;
+    }
+  }
+}
+
+.treeview-menu {
+  background: $white;
+  border-radius: none;
+  color: $dark-grey;
+  margin: 0 1px;
+  padding: 7px 0;
+
+  a {
+    color: $light-grey;
+
+    &:hover,
+    &.active {
+      color: $dark-grey;
+      transition: .3s ease-out;
+    }
+  }
+}
+
+.side-img-profile {
+  @extend %circle-img;
+  background: $keppler-color;
+  box-shadow: 1px 1px 2px $dark-transparent;
+  height: 45px;
+  object-fit: cover;
+  transition: .2s;
+  vertical-align: middle;
+  width: 45px;
+}
+
+.info p {
+  color: $dark-grey;
+  font-weight: 600;
+  margin-bottom: 0;
+  white-space: initial;
+}
+
+.info small {
+  color: $light-grey;
+  margin-bottom: 9px;
+}
+
+.text-success {
+  color: $text-success;
+}
+
+.sidebar-mini.sidebar-collapse {
+  .treeview-menu {
+    box-shadow: 0 1px 3px $light-transparent;
+
+    a {
+      padding: 5px 5px 5px 0;
+    }
+  }
+
+  li:hover .sidebar-link {
+    background: $white !important; // scss-lint:disable ImportantRule
+    box-shadow: 0 1px 3px $light-transparent;
+    margin-left: -3px;
+    padding: 12px 5px 12px 20px;
+    top: 0;
+  }
+}
+
+
+.new-message {
+  margin-top: -45px;
+  position: absolute;
+  right: 15%;
+  z-index: 1;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+
+.sidebar-collapse {
+  transition: .2s;
+
+  .user-panel {
+    padding: {
+      left: 5px;
+      right: 2px;
+    }
+
+    .side-img-profile {
+      height: 40px;
+      transition: .2s;
+      width: 40px;
+    }
+  }
+}
+
+.modal-h1 {
+  color: $keppler-color;
+  font-family: 'Patua One', cursive;
+  font-size: 30px;
+
+  span {
+    color: $gray;
+    font-family: 'Open Sans', sans-serif;
+    font-size: 25px;
+  }
+}
+
+.modal-info {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+}
+
+.modal-social {
+  display: inline-flex;
+  margin-bottom: 0;
+  margin-top: 30px;
+  padding-left: 0;
+
+  li {
+    list-style: none;
+    margin: 5px;
+  }
+}
+
+.modal-powered {
+  a {
+    font-weight: bold;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/components/navigation/_turbolinks.scss

@@ -0,0 +1,4 @@
+.turbolinks-progress-bar {
+  background-color: $keppler-color;
+  height: 2px;
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/components/paginator/_paginator.scss

@@ -0,0 +1,53 @@
+.paginator-module {
+  .btn-pag {
+    background-color: $bfc5c5;
+    border-radius: 50%;
+    color: $white;
+    cursor: pointer;
+    display: inline-block;
+    height: 40px;
+    line-height: 2.7;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    transition: .3s;
+    vertical-align: middle;
+    width: 40px;
+    z-index: 1;
+  }
+
+  .icon-size {
+    line-height: unset;
+  }
+
+  .bg-current {
+    background-color: $keppler-color;
+  }
+
+  .bg-not {
+    color: $white;
+  }
+
+  .btn-not {
+    border-radius: 50%;
+    cursor: pointer;
+    display: inline-block;
+    height: 40px;
+    line-height: 40px;
+    overflow: hidden;
+    padding: 0;
+    position: relative;
+    transition: .3s;
+    vertical-align: middle;
+    width: 40px;
+    z-index: 1;
+  }
+}
+
+.badge.objects-counter {
+  background: transparent;
+  border-radius: 1px;
+  color: $grey;
+  font-weight: 400;
+  margin-bottom: 5px;
+}