active_bootstrap_skin 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: c49ac8d87948be38bc6a736efda5493d3902d32c
-  data.tar.gz: c469147d2a15e0768e53249da451e0277752b565
+SHA256:
+  metadata.gz: 2b5f21deb9fa09d76f8b21c95c59a552b6fdd8fc460fc8c0514f70d842ff45c9
+  data.tar.gz: 3bd2876f569f0bf270c04618c20438af77135f5ef142a0d3e00aba655e8e221e
 SHA512:
-  metadata.gz: 12a7b9fc059ac2ef8f1d14f8ac13228508d70eccf8a8839edb079f9a7dc0fa6e29d4efc6d20c7d263b394fa8c63fd2dc03193a959fb6159abb4d9faab4bc6b44
-  data.tar.gz: d8adc5efd9d4a6effc3dd103d0869e120e059e93123ecfc3170ad28be6fd2ce0b84690915f4d32f19aa8c5806fcfd28a7486fcb877a83ccd559ada0ebac92b90
+  metadata.gz: 30c5eb7fd78b77a6a4ee2b33f3e06067655e195bf511ea08113d9fc8d623454773ae1bee05b5289367d0c724ae4e247583c4b7cd50e377e7b7e6042925d34824
+  data.tar.gz: 940f40d456f18bdaf885a5fa627bcf72e21c6fbda66ad15954e28189627bd63e1ad9cb8fa15849de029811d1ed4b0429b773d0bf694aafe2a86c2d9b70ff0107

data/active_bootstrap_skin.gemspec

@@ -22,5 +22,5 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "bundler", "~> 1.11"
   spec.add_development_dependency "rake", "~> 10.0"
 
-  spec.add_runtime_dependency "bootstrap-sass", "~> 3.3.6"
+  spec.add_runtime_dependency "bootstrap-sass", "~> 3.4.1"
 end

data/app/assets/stylesheets/active_bootstrap_skin.scss

@@ -1,9 +1,87 @@
 @import 'bootstrap';
 
+/* set horizontal padding on all content containers */
+#title_bar, .flashes, .logged_out #content_wrapper, #footer {
+  @include container-fixed;
+}
+
 #wrapper {
-  @extend .container-fluid;
-  padding-left: 0px;
-  padding-right: 0px;
+  @include container-fixed(0);
+}
+
+// apply bootstrap pagination style to .pagination
+.pagination {
+  > span {
+    position: relative;
+    float: left;
+    padding: $padding-base-vertical $padding-base-horizontal;
+    line-height: $line-height-base;
+    background-color: $pagination-bg;
+    border: 1px solid $pagination-border;
+    margin-left: -1px;
+
+    &:first-child {
+      @include border-left-radius($border-radius-base);
+    }
+
+    &:last-child {
+      @include border-right-radius($border-radius-base);
+    }
+
+    &:hover, &:focus {
+      z-index: 2;
+      color: $pagination-hover-color;
+      background-color: $pagination-hover-bg;
+      border-color: $pagination-hover-border;
+    }
+
+    &.current {
+      &, &:hover, &:focus {
+        z-index: 3;
+        color: $pagination-active-color;
+        background-color: $pagination-active-bg;
+        border-color: $pagination-active-border;
+        cursor: default;
+      }
+    }
+
+    &.gap {
+      &, &:hover, &:focus {
+        color: $pagination-disabled-color;
+        background-color: $pagination-disabled-bg;
+        border-color: $pagination-disabled-border;
+        cursor: $cursor-disabled;
+      }
+    }
+
+    a {
+      color: $pagination-color;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
+  }
+}
+
+//apply bootstrap panel style to .panel
+.panel {
+  @extend .panel-default;
+
+  > h3 {
+    @extend .panel-heading;
+
+    padding-top: 7px;
+    margin: 0;
+
+    a {
+      color: $panel-default-text;
+    }
+  }
+}
+
+.panel_contents {
+  @extend .panel-body;
 }
 
 .flash {
@@ -16,18 +94,18 @@
 }
 
 .flash_notice {
-  @extend .alert-success
+  @extend .alert-success;
 }
 
 #error_explanation {
-  color: red;
+  color: $state-danger-text;
   h2 {
-    font-size: 15px
+    font-size: 15px;
   }
 }
 
 .inline-errors {
-  color: red;
+  color: $state-danger-text;
 }
 
 #login {
@@ -51,7 +129,7 @@
 #header {
   @extend .navbar;
   @extend .navbar-inverse;
-  border-radius: 0px;
+  border-radius: 0;
 
   .mobile {
     display: none;
@@ -93,7 +171,6 @@
     }
   }
 
-
   #site_title {
     @extend .navbar-brand;
     margin-top:    0;
@@ -107,14 +184,14 @@
     li.current { @extend .active; }
   }
 
-
   .header-item.tab {
-    @extend .col-sm-3
+    @extend .col-sm-3;
   }
 }
 
 #title_bar {
   @extend .clearfix;
+  margin-bottom: 10px;
 
   #titlebar_left {
     @extend .pull-left;
@@ -136,6 +213,10 @@
     @extend .form-group;
 
     input,select { @extend .form-control; }
+
+    select[multiple] {
+      height: auto;
+    }
   }
 
   .buttons {
@@ -147,23 +228,32 @@
 /* Main Content */
 #active_admin_content {
   @extend .row;
+  margin: 0;
+  padding-bottom: 30px;
 
   &.without_sidebar {
-    #main_content_wrapper { @extend .col-md-6; }
+    #main_content_wrapper {
+      @extend .col-md-6;
+      width: auto;
+      min-width: 100%;
+    }
   }
 
   &.with_sidebar {
     #main_content_wrapper { @extend .col-md-9; }
-    #sidebar {
-      @extend .col-md-3;
-      input {
-        margin-top: 10px;
-      }
-    }
+    #sidebar { @extend .col-md-3; }
+  }
+
+  table {
+    width: auto;
   }
 }
 
 #main_content_wrapper {
+  padding-bottom: 40px;
+  /* make extra wide content accessible */
+  overflow-x: auto;
+
   .member_link {
     margin-right: 10px;
   }
@@ -175,6 +265,10 @@
   }
 }
 
+#main_content table {
+  @extend .table;
+}
+
 ul.scopes {
   li.scope {
     display: inline-block;
@@ -185,8 +279,12 @@ ul.scopes {
   li.scope.selected a { @extend .btn-primary; }
 }
 
-
-
+/* breadcrumb */
+.breadcrumb {
+  /* the typical bootstrap look for .breadcrumb does not fit in the active admin layout */
+  padding: 0;
+  border-radius: 0;
+}
 
 #ui-datepicker-div {
   background: white;
@@ -228,6 +326,52 @@ ul.scopes {
 .index_table      { @extend .table; }
 .attributes_table table { @extend .table; }
 
+//turn .table_actions into buttons with icons
+
+#main_content_wrapper .table_actions {
+  @extend .btn-toolbar;
+  min-width: 117px;
+
+  > .member_link {
+    margin: (-3px) 10px 0 0;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
+
+.member_link, .ui-sortable-handle {
+  @extend .btn;
+  @extend .btn-default;
+  @extend .glyphicon;
+  font-size: 0;
+  text-align: center;
+  padding: 3px 0;
+  width: 28px;
+
+  &:before {
+    font-size: 14px;
+  }
+}
+
+.ui-sortable-handle {
+  @extend .glyphicon-sort;
+  cursor: all-scroll;
+}
+
+.view_link {
+  @extend .glyphicon-search;
+}
+
+.edit_link {
+  @extend .glyphicon-pencil;
+}
+
+.delete_link {
+  @extend .glyphicon-trash;
+}
+
 /* Forms */
 form {
   //@extend form[role="form"];
@@ -244,6 +388,10 @@ form {
       @extend .form-group;
 
       input,select,textarea { @extend .form-control; }
+
+      select[multiple] {
+        height: auto;
+      }
     }
   }
 
@@ -274,4 +422,122 @@ form {
     vertical-align: inherit;
     border-radius: inherit;
   }
+
+  &.formtastic .errors {
+    color: $state-danger-text;
+  }
+}
+
+/* Footer */
+#footer {
+  padding-top: 30px;
+  padding-bottom: 20px;
+  background-color: #9da5a4;
+}
+
+legend.label {
+  @extend legend;
+  text-align: left;
+  border-radius: 0;
+  margin-bottom: 10px;
+}
+
+/* Display of checkboxes and radios */
+
+.check_boxes {
+  @extend .checkbox;
+}
+
+.check_boxes, .radio {
+  label {
+    font-weight: normal;
+  }
+
+  legend label {
+    padding: 0;
+  }
+}
+
+// style filter form
+.filter_form {
+
+  input {
+    margin-top: 10px;
+  }
+
+  label input {
+    margin-top: 5px;
+  }
+
+  .buttons {
+    input, a {
+      margin-right: 5px;
+    }
+
+    a {
+      margin-top: 10px;
+    }
+  }
+
+  .filter_form_field, form .inputs li {
+
+    select[multiple] {
+      height: auto;
+    }
+
+    input[type="radio"] {
+      height: auto;
+      width: auto;
+    }
+  }
+}
+
+/* table_tools */
+
+.table_tools {
+  overflow: hidden;
+  margin-bottom: 10px;
+
+  .batch_actions_selector {
+    .dropdown_menu_button {
+      @extend .btn;
+      @extend .btn-default;
+      @extend .dropdown-toggle;
+      &:after {
+        margin-left: 0.4em;
+        content: "";
+        @extend .caret;
+      }
+    }
+
+    .dropdown_menu_list {
+      @extend .dropdown-menu;
+      display: block;
+      top: auto;
+      left: auto;
+    }
+  }
+
+  .table_tools_segmented_control {
+    @extend .btn-group;
+    margin: 0 0 0 1px;
+  }
+
+  .index {
+    @extend .btn;
+    @extend .btn-default;
+
+    a {
+      color: $btn-default-color;
+
+      &:hover, &:focus {
+        text-decoration: none;
+      }
+    }
+
+    &.selected {
+      @extend .btn-default;
+      @extend .active;
+    }
+  }
 }

data/lib/active_bootstrap_skin/version.rb

@@ -1,3 +1,3 @@
 module ActiveBootstrapSkin
-  VERSION = "0.1.4"
+  VERSION = "0.1.5"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: active_bootstrap_skin
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
 platform: ruby
 authors:
 - Vinh Nguyen
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-08-02 00:00:00.000000000 Z
+date: 2019-05-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -44,14 +44,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.3.6
+        version: 3.4.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.3.6
+        version: 3.4.1
 description: Bootstrap skin for ActiveAdmin.
 email:
 - vinh.nglx@gmail.com
@@ -94,8 +94,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.6.2
+rubygems_version: 3.0.1
 signing_key: 
 specification_version: 4
 summary: Bootstrap skin for ActiveAdmin.