light_admin 1.0.5

data/app/assets/stylesheets/light_admin/components/_datepicker_calendar.scss

@@ -0,0 +1,29 @@
+.ui-datepicker {
+  box-shadow: $dropdown-shadow;
+  left: 1192px !important;
+}
+
+.ui-datepicker-calendar {
+  background: $bg-white;
+  border: $border-style-light;
+  border-top: none;
+  border-radius: 0 0 4px 4px;
+  color: $gray;
+}
+
+.ui-datepicker-header {
+  background: $global-text-color;
+  border-bottom: none;
+  border-radius: 4px 4px 0 0;
+}
+
+.ui-datepicker-calendar .ui-state-highlight {
+  color: $text-info;
+  font-weight: bold;
+  background: $light-gray;
+  padding: 1px 4px;
+}
+
+.ui-datepicker-calendar .ui-state-active {
+  color: $text-info;
+}

data/app/assets/stylesheets/light_admin/components/_flash_messages.scss

@@ -0,0 +1,23 @@
+body.logged_in .flash.flash_notice {
+  background: rgba($success, .3);
+  color: $text-success;
+  font-weight: bold;
+  text-shadow: none;
+  margin: auto;
+  margin-top: 20px;
+  width: 93%;
+  border-radius: $global-border-radius;
+  border: none;
+}
+
+body.logged_in .flash.flash_error {
+  background: rgba($danger, .3);
+  color: $text-danger;
+  font-weight: bold;
+  text-shadow: none;
+  margin: auto;
+  margin-top: 20px;
+  width: 93%;
+  border-radius: $global-border-radius;
+  border: none;
+}

data/app/assets/stylesheets/light_admin/components/_footer.scss

@@ -0,0 +1,3 @@
+#index_footer {
+  padding-top: 0;
+}

data/app/assets/stylesheets/light_admin/components/_forms.scss

@@ -0,0 +1,242 @@
+/* GLOBAL FORMS */
+form {
+  fieldset {
+    legend {
+      span {
+        background: none;
+        border: none;
+        box-shadow: none;
+        color: inherit;
+        padding: 0 24px;
+        position: relative;
+        top: 30px;
+        
+        &:empty {
+          display: none;
+        }
+      }
+    }
+
+    ol > li.boolean label {
+      padding-left: 0;
+    }
+  }
+  fieldset.inputs {
+    background: $bg-white;
+    margin: 1.5rem 0;
+    padding: 10px;
+    border-radius: $global-border-radius;
+    border: none;
+    box-shadow: $global-shadow;
+  }
+
+  fieldset.actions {
+    ol {
+      margin-top: 20px;
+    }
+  }
+
+  ol {
+    margin: 24px;
+  }
+
+  ol > li {
+    border-bottom: none;
+    padding: 0 0 2rem 0 !important;
+
+    label {
+      width: 100% !important;
+      margin-bottom: 5px;
+      font-weight: 500 !important;
+    }
+  }
+
+  .actions {
+    display: flex;
+    justify-content: center;
+  }
+
+  input[type='text'],
+  input[type='password'],
+  input[type='email'],
+  input[type='number'],
+  input[type='url'],
+  input[type='tel'],
+  input[type='date'],
+  textarea {
+    width: calc(100% - 24px);
+    height: 20px;
+    border: $border-style;
+    box-shadow: $field-shadow;
+    padding: 7.5px 10px;
+    font-family: $font-family;
+  }
+
+  textarea {
+    height: 200px;
+  }
+
+  input[type='file'] {
+    width: calc(100% - 14px);
+    margin-left: 0;
+    border: $border-style;
+    border-radius: 4px;
+    box-shadow: $field-shadow;
+    padding: 7.5px 5px;
+    font-family: $font-family;
+  }
+
+  select {
+    width: calc(100% - 2px);
+    margin-left: 0;
+    border: $border-style;
+    border-radius: 4px;
+    box-shadow: $field-shadow;
+    padding: 7.5px 5px;
+    font-family: $font-family;
+  }
+
+  input[type='checkbox'] {
+    background: $bg-light;
+    border: $border-style;
+    border-radius: 2px;
+    cursor: pointer;
+    height: 14px;
+    outline: unset;
+    position: relative;
+    transition: unset;
+    width: 14px;
+    vertical-align: middle;
+
+    &:after {
+      background: unset;
+      border: unset;
+      box-shadow: unset;
+      border-radius: unset;
+      height: unset;
+      left: unset;
+      right: unset;
+      top: unset;
+      transition: unset;
+    }
+
+    &:checked {
+      border: unset;
+      box-shadow: inset 0 0 0 14px $secondary;
+      padding: unset;
+      transition: unset;
+
+      &:after {
+        border-color: unset;
+        left: 1.5px;
+        right: unset;
+        transition: unset;
+        content: '\2714';
+        color: $text-white;
+      }
+    }
+  }
+}
+
+.tabs .ui-tabs-panel > fieldset.inputs {
+  border-radius: $global-border-radius;
+}
+
+/* FILTER FORM */
+#filters_sidebar_section {
+  .sidebar_section
+  input[type=text] {
+    width: inherit;
+  }
+
+  .select2-container
+  .select2-selection--single {
+    width: 235px;
+  }
+  
+  .select2-container--default .select2-selection--single
+  .select2-selection__arrow {
+    right: -38px;
+  }
+
+  .select2-container--open
+  .select2-dropdown--below {
+    width: 235px !important;
+  }
+
+  form.filter_form {
+    .filter_form_field {
+      padding: 24px 0 0 0;
+      margin: auto;
+      margin-top: 24px;
+      border-top: $border-style-light;
+      width: 90%;
+  
+      &:first-child {
+        padding: 0;
+        border-top: none;
+      }
+    }
+
+    .filter_form_field.select_and_search input[type=text] {
+      margin-left: 0;
+      width: inherit;
+    }
+  
+    .filter_form_field + .filter_form_field {
+      border-top: $border-style-light;
+    }
+  }
+  
+  .filter_form_field.select_and_search
+  input[type='text'] {
+    width: calc(50% - 7px);
+    height: 20px;
+  }
+  
+  .filter_form_field.filter_date_range
+  input[type=text] {
+    max-width: 112px !important;
+  }
+  
+  .filter_form {
+    .select_and_search {
+      span {
+        display: none;
+      }
+    }
+  
+    .filter_form_field.filter_date_range input[type='text'] {
+      height: 37px;
+    }
+  }
+}
+
+/* SIDEBAR FORM */
+.sidebar_section {
+  input[type='text'] {
+    height: 20px;
+  }
+}
+
+/* ACTIVE ADMIN ADDONS CLASSES FORM */
+.inputs .select2-container {
+  width: 100% !important;
+}
+
+.select2-container--default
+.select2-selection--single {
+  border: $border-style;
+}
+
+.select2-container
+.select2-selection--single {
+  height: 37px;
+  box-shadow: $field-shadow;
+}
+
+.select2-container--default
+.select2-selection--single
+.select2-selection__arrow {
+  height: 36px;
+}

data/app/assets/stylesheets/light_admin/components/_header.scss

@@ -0,0 +1,149 @@
+#header.header {
+  background: linear-gradient(to left, $primary, $secondary);
+  border-bottom: none;
+  box-shadow: none;
+  text-shadow: none;
+  position: unset;
+  height: 170px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: unset;
+  flex-wrap: nowrap;
+  padding: 10px 0;
+  z-index: unset;
+  backdrop-filter: unset;
+
+  h1 {
+    img {
+      top: 0;
+    }
+  }
+
+  .border-bottom-white-50 {
+    border-bottom: .5px solid $white-20;
+  }
+
+  #tabs {
+    width: unset;
+    margin-top: 20px;
+  }
+
+  ul.tabs {
+    display: flex;
+    flex-flow: row wrap;
+  }
+
+  /* Header's links dropdown style */
+  .header-item {
+    a {
+      color: $text-dark;
+      border-radius: 0;
+
+      &:hover {
+        background: none;
+        color: $text-info;
+      }
+    }
+
+    ul {
+      background: $bg-white;
+      margin-top: 34px;
+      border-radius : 4px;
+      padding: .25rem 0;
+      border: $border-style;
+      box-shadow: $dropdown-shadow;
+      right: 0;
+      position: absolute;
+      transform: scale(0);
+      transform-origin: right top;
+      transition: opacity 250ms, transform 250ms;
+    }
+
+    .has_nested {
+      &:hover > ul {
+        height: auto;
+        opacity: 1;
+        transform: scale(1);
+      }
+    }
+  }
+
+  ul.tabs > li.has_nested > a {
+    background: none;
+  }
+
+  ul.tabs > li.has_nested > a:before {
+    background: none;
+    border: 3px solid transparent;
+    border-right: 0;
+    border-left-color: $white;
+    content: '';
+    position: absolute;
+    top: 45%;
+    transform: rotate(90deg);
+    right: 10px;
+  }
+
+  .header-item > li.has_nested:hover > a:before {
+    color: $text-info;
+    border-left-color: $info;
+  }
+
+  .header-item > li.has_nested.current > a:before {
+    border-left-color: $white;
+  }
+
+  .header-item > li {
+    margin: 0 30px 20px 0;
+
+    &:last-child {
+      margin: 0;
+    }
+  }
+
+  .header-item > li > a {
+    padding: 10px 0;
+    margin: 0;
+    color: $header-item-li-color;
+    font-weight: 500;
+  }
+
+  .site_title {
+    color: $text-white;
+    padding: 0;
+  }
+
+  .tabs {
+    margin: 0;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  ul.tabs > li {
+    ul {
+      display: unset;
+    }
+  }
+
+  ul.tabs > li.current > a {
+    background: none;
+    border-radius: 0;
+    border-bottom: 1px $white solid;
+  }
+
+  ul.tabs > li:hover > a {
+    background: none;
+    color: $text-info;
+    border-radius: 0;
+    border-bottom: 1px $info solid;
+  }
+
+  #utility_nav {
+    width: unset;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    padding-right: 0;
+  }
+}