administrate-materialize-theme 0.1.0

data/app/assets/stylesheets/administrate-materialize-theme/components/forms/_switches.scss

@@ -0,0 +1,89 @@
+/* Switch
+   ========================================================================== */
+
+.switch,
+.switch * {
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+}
+
+.switch label {
+  cursor: pointer;
+}
+
+.switch label input[type=checkbox] {
+  opacity: 0;
+  width: 0;
+  height: 0;
+
+  &:checked + .lever {
+    background-color: $switch-checked-lever-bg;
+
+    &:before, &:after {
+      left: 18px;
+    }
+
+    &:after {
+      background-color: $switch-bg-color;
+    }
+  }
+}
+
+.switch label .lever {
+  content: "";
+  display: inline-block;
+  position: relative;
+  width: 36px;
+  height: 14px;
+  background-color: $switch-unchecked-lever-bg;
+  border-radius: $switch-radius;
+  margin-right: 10px;
+  transition: background 0.3s ease;
+  vertical-align: middle;
+  margin: 0 16px;
+
+  &:before, &:after {
+    content: "";
+    position: absolute;
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    left: 0;
+    top: -3px;
+    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
+  }
+
+  &:before {
+    background-color: transparentize($switch-bg-color, .85);
+  }
+
+  &:after {
+    background-color: $switch-unchecked-bg;
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+  }
+}
+
+// Switch active style
+input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
+input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
+  transform: scale(2.4);
+  background-color: transparentize($switch-bg-color, .85);
+}
+
+input[type=checkbox]:not(:disabled) ~ .lever:active:before,
+input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
+  transform: scale(2.4);
+  background-color: rgba(0,0,0,.08);
+}
+
+// Disabled Styles
+.switch input[type=checkbox][disabled] + .lever {
+  cursor: default;
+  background-color: rgba(0,0,0,.12);
+}
+
+.switch label input[type=checkbox][disabled] + .lever:after,
+.switch label input[type=checkbox][disabled]:checked + .lever:after {
+  background-color: $input-disabled-solid-color;
+}

data/app/assets/stylesheets/administrate-materialize-theme/materialize.scss

@@ -0,0 +1,41 @@
+@charset "UTF-8";
+
+// Color
+@import "components/color-variables";
+@import "components/color-classes";
+
+// Variables;
+@import "components/variables";
+
+// Reset
+@import "components/normalize";
+
+// components
+@import "components/global";
+@import "components/badges";
+@import "components/icons-material-design";
+@import "components/grid";
+@import "components/navbar";
+@import "components/typography";
+@import "components/transitions";
+@import "components/cards";
+@import "components/toast";
+@import "components/tabs";
+@import "components/tooltip";
+@import "components/buttons";
+@import "components/dropdown";
+@import "components/waves";
+@import "components/modal";
+@import "components/collapsible";
+@import "components/chips";
+@import "components/materialbox";
+@import "components/forms/forms";
+@import "components/table_of_contents";
+@import "components/sidenav";
+@import "components/preloader";
+@import "components/slider";
+@import "components/carousel";
+@import "components/tapTarget";
+@import "components/pulse";
+@import "components/datepicker";
+@import "components/timepicker";

data/app/assets/stylesheets/administrate-materialize-theme/theme.scss

@@ -0,0 +1,200 @@
+@import "materialize";
+
+// --- layout ------------------------------------------------------------------
+nav.pagination {
+  margin-top: 3rem;
+}
+
+th.cell-label {
+  white-space: nowrap;
+}
+
+.app-container {
+  @extend .container;
+
+  display: block;
+  max-width: initial;
+  padding: 0;
+}
+
+.flash-notice {
+  @extend .blue, .lighten-4;
+}
+
+.main-content {
+  border-radius: 0;
+  padding-bottom: 0;
+}
+
+.main-content__body {
+  overflow-x: scroll;
+  padding-bottom: $navbar-height;
+}
+
+.main-content__header {
+  min-height: 6.2rem;
+
+  >h1 {
+    margin-top: auto;
+    margin-bottom: auto;
+  }
+}
+
+.navigation {
+  padding: 0 0.7rem;
+
+  >.navigation__link {
+    @extend .white-text;
+    border-radius: 0;
+    display: inline-block;
+    margin: 0;
+    padding: 1rem;
+    &:hover {
+      background: darken($primary-color, 5%);
+    }
+  }
+  >.navigation__link--active {
+    background: darken($primary-color, 15%);
+    font-weight: normal;
+  }
+}
+
+#search {
+  padding: 0.5rem 2.5rem 0 2.5rem;
+  width: calc(100% - 5rem);
+}
+
+@media #{$small-and-down} {
+  .app-container {
+    width: 100%;
+  }
+
+  #search {
+    height: 2rem;
+    padding-top: 0;
+  }
+}
+
+@media #{$medium-and-up} {
+  .navigation >.navigation__link {
+    height: $navbar-height;
+    line-height: $navbar-height;
+    padding: 0 1rem;
+  }
+}
+
+// --- forms -------------------------------------------------------------------
+.button, [type="submit"] {
+  @extend .btn;
+}
+
+.field-unit--boolean [type="checkbox"] {
+  opacity: initial;
+  pointer-events: initial;
+  position: initial;
+}
+
+.field-unit__label >label {
+  display: inline-block;
+  font-weight: normal;
+  vertical-align: super;
+}
+
+.field-unit--nested {
+  @extend .card;
+
+  margin: 0 auto;
+}
+
+.field-unit--text textarea {
+  min-height: 10rem;
+}
+
+.select-wrapper input.select-dropdown {
+  display: none;
+}
+
+.timepicker {
+  .btn {
+    @extend .btn-flat;
+  }
+
+  .glyphicon {
+    margin-bottom: 0;
+    margin-top: -12px;
+
+    &:hover {
+      background: transparent;
+    }
+  }
+}
+
+@media #{$small-and-down} {
+  .field-unit {
+    display: block;
+  }
+
+  .field-unit__label, .field-unit__field {
+    float: initial;
+    margin-left: 0;
+    max-width: initial;
+    text-align: left;
+    width: 100%;
+  }
+
+  .field-unit__label >label {
+    vertical-align: initial;
+  }
+
+  .main-content__header {
+    display: block;
+    text-align: center;
+
+    h1 {
+      margin-bottom: 1rem;
+    }
+
+    .button {
+      transform: scale(0.8);
+    }
+  }
+}
+
+// --- show --------------------------------------------------------------------
+.attribute-data {
+  clear: none;
+  display: inline-block;
+  float: none;
+  margin-left: 1rem;
+  vertical-align: top;
+}
+
+.attribute-label {
+  clear: none;
+  display: inline-block;
+  float: none;
+}
+
+@media #{$small-and-down} {
+  .attribute-data {
+    display: block;
+    margin-left: 0;
+    width: 100%;
+  }
+
+  .attribute-label {
+    border-bottom: 1px solid #eee;
+    display: block;
+    text-align: left;
+    width: 100%;
+  }
+
+  table {
+    td:first-child, th:first-child {
+      padding-left: 0;
+    }
+    td:last-child, th:last-child {
+      padding-right: 0;
+    }
+  }
+}

data/lib/administrate-materialize-theme.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+require 'administrate-materialize-theme/engine'
+
+module AdministrateMaterializeTheme
+end

data/lib/administrate-materialize-theme/engine.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module AdministrateMaterializeTheme
+  class Engine < ::Rails::Engine
+    isolate_namespace AdministrateMaterializeTheme
+  end
+end

data/lib/administrate-materialize-theme/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module AdministrateMaterializeTheme
+  VERSION = '0.1.0'
+end

metadata

@@ -0,0 +1,150 @@
+--- !ruby/object:Gem::Specification
+name: administrate-materialize-theme
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Mattia Roccoberton
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2020-08-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: administrate
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.14.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.14.0
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.89.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.89.1
+description: A Material theme for Administrate based on Materialize framework
+email:
+- mat@blocknot.es
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/javascripts/administrate-materialize-theme/anime.min.js
+- app/assets/javascripts/administrate-materialize-theme/autocomplete.js
+- app/assets/javascripts/administrate-materialize-theme/bin/materialize.js
+- app/assets/javascripts/administrate-materialize-theme/bin/materialize.min.js
+- app/assets/javascripts/administrate-materialize-theme/buttons.js
+- app/assets/javascripts/administrate-materialize-theme/cards.js
+- app/assets/javascripts/administrate-materialize-theme/carousel.js
+- app/assets/javascripts/administrate-materialize-theme/cash.js
+- app/assets/javascripts/administrate-materialize-theme/characterCounter.js
+- app/assets/javascripts/administrate-materialize-theme/chips.js
+- app/assets/javascripts/administrate-materialize-theme/collapsible.js
+- app/assets/javascripts/administrate-materialize-theme/component.js
+- app/assets/javascripts/administrate-materialize-theme/datepicker.js
+- app/assets/javascripts/administrate-materialize-theme/dropdown.js
+- app/assets/javascripts/administrate-materialize-theme/forms.js
+- app/assets/javascripts/administrate-materialize-theme/global.js
+- app/assets/javascripts/administrate-materialize-theme/materialbox.js
+- app/assets/javascripts/administrate-materialize-theme/modal.js
+- app/assets/javascripts/administrate-materialize-theme/parallax.js
+- app/assets/javascripts/administrate-materialize-theme/pushpin.js
+- app/assets/javascripts/administrate-materialize-theme/range.js
+- app/assets/javascripts/administrate-materialize-theme/scrollspy.js
+- app/assets/javascripts/administrate-materialize-theme/select.js
+- app/assets/javascripts/administrate-materialize-theme/sidenav.js
+- app/assets/javascripts/administrate-materialize-theme/slider.js
+- app/assets/javascripts/administrate-materialize-theme/tabs.js
+- app/assets/javascripts/administrate-materialize-theme/tapTarget.js
+- app/assets/javascripts/administrate-materialize-theme/theme.js
+- app/assets/javascripts/administrate-materialize-theme/timepicker.js
+- app/assets/javascripts/administrate-materialize-theme/toasts.js
+- app/assets/javascripts/administrate-materialize-theme/tooltip.js
+- app/assets/javascripts/administrate-materialize-theme/waves.js
+- app/assets/stylesheets/administrate-materialize-theme/components/_badges.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_buttons.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_cards.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_carousel.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_chips.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_collapsible.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_color-classes.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_color-variables.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_datepicker.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_dropdown.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_global.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_grid.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_icons-material-design.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_materialbox.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_modal.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_navbar.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_normalize.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_preloader.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_pulse.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_sidenav.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_slider.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_table_of_contents.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_tabs.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_tapTarget.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_timepicker.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_toast.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_tooltip.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_transitions.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_typography.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_variables.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/_waves.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_checkboxes.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_file-input.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_forms.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_input-fields.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_radio-buttons.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_range.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_select.scss
+- app/assets/stylesheets/administrate-materialize-theme/components/forms/_switches.scss
+- app/assets/stylesheets/administrate-materialize-theme/materialize.scss
+- app/assets/stylesheets/administrate-materialize-theme/theme.scss
+- lib/administrate-materialize-theme.rb
+- lib/administrate-materialize-theme/engine.rb
+- lib/administrate-materialize-theme/version.rb
+homepage: https://blocknot.es
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key:
+specification_version: 4
+summary: Administrate Materialize Theme
+test_files: []