RubyGems - wallaby - Versions diffs - 5.0.1 → 5.1.3 - Mend

wallaby 5.0.1 → 5.1.3

Files changed (350) hide show

data/app/assets/stylesheets/wallaby/base/_override.scss ADDED Viewed

@@ -0,0 +1,10 @@
+.minicolors-theme-bootstrap {
+  .minicolors-swatch {
+    width: 25px;
+    height: 25px;
+  }
+  .minicolors-input {
+    padding-left: 36px;
+  }
+}

data/app/assets/stylesheets/wallaby/base/_vars.scss CHANGED Viewed

@@ -1,5 +1,75 @@
+// --- Screen ---
+$screen-sm: 768px !default;
+$screen-sm-min: $screen-sm !default;
 // --- Fonts ---
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+$font-family-sans-serif:  'Helvetica Neue', Helvetica, Arial, sans-serif !default;
+$font-family-serif:       Georgia, 'Times New Roman', Times, serif !default;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+$font-family-monospace:   Menlo, Monaco, Consolas, 'Courier New', monospace !default;
+$font-family-base:        $font-family-sans-serif !default;
+$font-size-base:          12px !default;
+$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
+$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
+$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px
+//** Unit-less `line-height` for use in components like buttons.
+$line-height-base:        1.428571429 !default; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+//** By default, this inherits from the `<body>`.
+$headings-font-family:    inherit !default;
+$headings-font-weight:    500 !default;
+$headings-line-height:    1.1 !default;
+$headings-color:          inherit !default;
+$font-color: #404041;
+$light-font-color: #CCCCCC;
 // --- Colors ---
-$gray-lightest: $gray-lighter;
-$gray-lighter:  #bbbbbb;
+// color scheme: http://paletton.com/palette.php?uid=73F1%2B0kmmsJcRHti9wDrepGt-kd
+$dark-blue-color: #11356A;
+$default-blue-color: #375E97;
+$light-blue-color: #809ECA;
+$dark-yellow-color: #A16A0C;
+$default-yellow-color: #E5AA45;
+$light-yellow-color: #FFD999;
+$dark-red-color: #A1100C;
+$default-red-color: #E54945;
+$light-red-color: #FF9C99;
+$dark-green-color: #0A7F12;
+$default-green-color: #36B43E;
+$light-green-color: #85DE8B;
+$dark-primary-color: $dark-blue-color;
+$default-primary-color: $default-blue-color;
+$light-primary-color: $light-blue-color;
+// http://paletton.com/#uid=1000u0k00ej09pY01jX027E2M0u
+$dark-grey-color: #040303;
+$default-grey-color: #727272;
+$light-grey-color: #CFCECE;
+$primary-text-color: $font-color;
+$secondary-text-color: #6d6e71;
+$background-color: #f3f6fb;
+$navbar-inverse-bg: #292c2e !default;
+$white: #fff;

data/app/assets/stylesheets/wallaby/base.scss ADDED Viewed

@@ -0,0 +1,27 @@
+// NOTE: "bootstrap-sprockets" must be imported
+// before "bootstrap" and "bootstrap/variables"
+@import 'base/vars';
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@import 'bootstrap-datetimepicker';
+@import "font-awesome-sprockets";
+@import "font-awesome";
+@import "jquery.minicolors";
+@import 'summernote';
+@import 'codemirror';
+@import 'codemirror/themes/mdn-like';
+@import 'base/mixins';
+@import 'base/layout';
+@import 'components/text';
+@import 'components/links';
+@import 'components/filters';
+@import 'components/query';
+@import 'components/pagination';
+@import 'components/auto_select';
+@import 'components/color_square';
+@import 'pages/index';
+@import 'pages/show';
+@import 'pages/form';
+@import 'pages/error';
+@import 'base/override';

data/app/assets/stylesheets/wallaby/components/_auto_select.scss ADDED Viewed

@@ -0,0 +1,119 @@
+@keyframes auto_select_highlight {
+  0% {
+    background: $light-blue-color;
+    color: $white;
+  }
+  100% {
+    background: $background-color;
+    color: $light-blue-color;
+  }
+}
+.auto_select {
+  ul, li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+  ul {
+    clear: both;
+    padding: 8px 15px 0;
+    &:after {
+      clear: both;
+      content: "";
+      display: block;
+    }
+  }
+  li {
+    float: left;
+  }
+  a {
+    background: $background-color;
+    border-radius: 3px;
+    color: $light-blue-color;
+    display: inline-block;
+    line-height: 18px;
+    margin-bottom: 8px;
+    margin-right: 8px;
+    padding: 5px 24px 5px 10px;
+    position: relative;
+    transition: 0.5s;
+    &:focus {
+      animation: auto_select_highlight 1s;
+    }
+    &:after {
+      @extend .fa;
+      color: $light-red-color;
+      content: $fa-var-remove;
+      display: block;
+      height: 16px;
+      line-height: 16px;
+      margin-top: -8px;
+      position: absolute;
+      right: 10px;
+      text-align: center;
+      top: 50%;
+    }
+    &:hover{
+      color: $light-blue-color;
+      &:after {
+        color: $default-red-color;
+      }
+    }
+  }
+  &__count {
+    clear: both;
+    color: $light-grey-color;
+    display: block;
+    font-size: 11px;
+    font-weight: normal;
+    padding: 8px 15px 0;
+  }
+  &--spacing {
+    margin-bottom: 8px;
+  }
+}
+.twitter-typeahead {
+  width: 100%;
+}
+.tt {
+  &-menu {
+    right: 0;
+  }
+  &-input {
+    background-color: $white !important;
+    &[disabled] {
+      background-color: #EEEEEE !important;
+    }
+  }
+  &-dataset {
+    background: $white;
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+    border-radius: 0 0 3px 3px;
+    padding: 5px 0;
+  }
+  &-suggestion {
+    padding: 3px 20px;
+    &:hover {
+      background-color: #F5F5F5;
+    }
+  }
+}
+@import '_auto_select_desktop';

data/app/assets/stylesheets/wallaby/components/_auto_select_desktop.scss ADDED Viewed

@@ -0,0 +1,7 @@
+@media (min-width: $screen-sm-min) {
+  .auto_select {
+    &--spacing {
+      margin-bottom: 0;
+    }
+  }
+}

data/app/assets/stylesheets/wallaby/components/_color_square.scss ADDED Viewed

@@ -0,0 +1,8 @@
+.color-square {
+  display: inline-block;
+  margin-right: 3px;
+  width: 17px;
+  height: 17px;
+  border: 1px solid #eeeeee;
+  vertical-align: text-top;
+}

data/app/assets/stylesheets/wallaby/components/_filters.scss ADDED Viewed

@@ -0,0 +1,14 @@
+.filters {
+  @include dropdown;
+  @include arrow;
+  color: $light-grey-color;
+  display: inline-block;
+  > a {
+    @include light_link;
+  }
+  > ul li.filters--current a {
+    color: $light-blue-color;
+  }
+}

data/app/assets/stylesheets/wallaby/components/_links.scss ADDED Viewed

@@ -0,0 +1,25 @@
+.resource {
+  &__create {
+    color: $light-green-color;
+    &:hover {
+      color: $default-green-color;
+    }
+  }
+  &__update {
+    color: $light-yellow-color;
+    &:hover {
+      color: $default-yellow-color;
+    }
+  }
+  &__destroy {
+    color: $light-red-color;
+    &:hover {
+      color: $default-red-color;
+    }
+  }
+}

data/app/assets/stylesheets/wallaby/components/_pagination.scss CHANGED Viewed

@@ -1,105 +1,49 @@
 .pagination {
-  @extend .pull-right;
-  display: inline-block;
-  padding-left: 0;
-  margin: 0 auto;
-  border-radius: $border-radius-base;
+  margin-left: 6px;
+  margin-top: 0;
+  margin-bottom: 0;
-  > span {
-    display: inline; // Remove list-style and block-level defaults
-    position: relative;
-    float: left; // Collapse white-space
-    line-height: $line-height-base;
-    text-decoration: none;
-    background-color: $pagination-bg;
-    border: 1px solid $pagination-border;
-    margin-left: -1px;
-    &.first > a {
-      content: '&laquo;';
-    }
-    &.last > a {
-      content: '&raquo;';
-    }
-    &.previous > a {
-      content: '&lsaquo;';
-    }
-    &.next > a {
-      content: '&rsaquo;';
-    }
-    > a {
-      display: inline-block;
-      color: $pagination-color;
-      padding: $padding-base-vertical $padding-base-horizontal;
-    }
-    &:first-child {
-      margin-left: 0;
-      @include border-left-radius($border-radius-base);
-    }
-    &:last-child {
-      @include border-right-radius($border-radius-base);
-    }
-    &.page, &.first, &.prev, &.next, &.last {
-      &.gap, &.current {
-        padding: $padding-base-vertical $padding-base-horizontal;
-      }
-    }
+  &__metadata, &__pers {
+    @include dropdown;
   }
-  > span > a {
-    &:hover,
-    &:focus {
-      z-index: 2;
-      color: $pagination-hover-color;
-      background-color: $pagination-hover-bg;
-      border-color: $pagination-hover-border;
-      text-decoration: none;
-    }
+  &__pages {
+    @include dropdown($left_or_right: "middle");
   }
-  > .current {
-    &,
-    &:hover,
-    &:focus {
-      z-index: 3;
-      color: $pagination-active-color;
-      background-color: $pagination-active-bg;
-      border-color: $pagination-active-border;
-      cursor: default;
-    }
-  }
+  &__metadata, &__pers, &__pages {
+    @include arrow;
+    color: $light-grey-color;
+    display: inline-block;
+    > ul, > form {
+      input {
+        background-color: $background-color;
+        border: 0;
+        border-top: 0;
+        color: $font-color;
+        display: block;
+        margin: 3px 20px;
+        padding: 3px 10px;
+      }
-  > .disabled {
-    > span,
-    > span:hover,
-    > span:focus,
-    > a,
-    > a:hover,
-    > a:focus {
-      color: $pagination-disabled-color;
-      background-color: $pagination-disabled-bg;
-      border-color: $pagination-disabled-border;
-      cursor: $cursor-disabled;
+      li.pagination__pers--current a {
+        color: $light-blue-color;
+      }
     }
   }
-}
-// Sizing
-// --------------------------------------------------
-// Large
-.pagination-lg {
-  @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
-}
+  &__prev {
+    @include arrow($icon_font: $fa-var-angle-left, $left_or_right: 'left', $padding_size: 9px);
+  }
-// Small
-.pagination-sm {
-  @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
-}
+  &__next {
+    @include arrow($icon_font: $fa-var-angle-right, $padding_size: 9px);
+  }
-.pagination-info {
-  line-height: 34px;
-  color: $breadcrumb-color;
-  b {
-    color: $gray-light;
+  > span {
+    @include divider;
+    display: inline-block;
+    margin-left: 6px;
   }
 }

data/app/assets/stylesheets/wallaby/components/_query.scss ADDED Viewed

@@ -0,0 +1,101 @@
+.query {
+  bottom: 10px;
+  float: none !important;
+  left: 0;
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  &--filtered {
+    form {
+      margin-right: 108px;
+    }
+  }
+  &__search {
+    display: block;
+    margin-right: 72px;
+    label {
+      display: block;
+      margin: 0;
+      position: relative;
+      &:before {
+        @extend .fa;
+        color: $default-primary-color;
+        content: $fa-var-search;
+        left: 8px;
+        margin-top: -7px;
+        position: absolute;
+        top: 50%;
+        z-index: 10;
+      }
+      input {
+        @extend .form-control;
+        &::placeholder {
+          color: $light-grey-color;
+        }
+        border-radius: 2px;
+        border: none;
+        box-shadow: none;
+        color: $default-primary-color;
+        font-weight: normal;
+        height: 30px;
+        padding: 4px 5px 4px 27px;
+        position: relative;
+        width: 100%;
+      }
+    }
+  }
+  &__actions {
+    @include dropdown($left_or_right: "right");
+    position: absolute;
+    right: 0;
+    .query__clear, .query__create, .query__more {
+      border-radius: 2px;
+      border: none;
+      color: white;
+      float: left;
+      height: 30px;
+      line-height: 30px;
+      margin-left: 6px;
+      text-align: center;
+      text-decoration: none;
+      width: 30px;
+    }
+    .query__clear {
+      @extend .fa, .fa-ban;
+      background-color: $light-grey-color;
+      &:hover {
+        background-color: $default-grey-color;
+      }
+    }
+    .query__create {
+      @extend .fa, .fa-plus;
+      background-color: $light-green-color;
+      &:hover {
+        background-color: $default-green-color;
+      }
+    }
+    .query__more {
+      @extend .fa, .fa-chevron-down;
+      background-color: $light-blue-color;
+      &:hover {
+        background-color: $default-blue-color;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/wallaby/components/_text.scss CHANGED Viewed

@@ -1,11 +1,11 @@
-@include text-emphasis-variant('.text-primary', #205081);
+@include text-emphasis-variant('.text-primary', $primary-text-color);
-@include text-emphasis-variant('.text-success', #8eb021);
+@include text-emphasis-variant('.text-success', $default-green-color);
-@include text-emphasis-variant('.text-info', #59afe1);
+@include text-emphasis-variant('.text-info', $default-blue-color);
-@include text-emphasis-variant('.text-warning', #f6c342);
+@include text-emphasis-variant('.text-warning', $default-yellow-color);
-@include text-emphasis-variant('.text-danger', #d04437);
+@include text-emphasis-variant('.text-danger', $default-red-color);
-@include text-emphasis-variant('.text-muted', #dddddd);
+@include text-emphasis-variant('.text-muted', $secondary-text-color);

data/app/assets/stylesheets/wallaby/pages/_error.scss ADDED Viewed

@@ -0,0 +1,108 @@
+.error {
+  padding-top: 100px;
+  article {
+    max-width: 767px;
+    position: relative;
+    text-align: center;
+    &:before {
+      background-position: center center;
+      background-repeat: no-repeat;
+      background-size: cover;
+      content: '';
+      display: block;
+      height: 120px;
+      margin: 0 auto;
+      width: 120px;
+    }
+    h1 {
+      color: $light-blue-color;
+      margin-top: 40px;
+      em {
+        color: $light-red-color;
+        display: block;
+        font-size: 150%;
+        font-style: normal;
+      }
+    }
+  }
+  .not_found, .forbidden, .unauthorized {
+    &:before {
+      background-image: asset-url('wallaby/404.png');
+    }
+  }
+  .bad_request, .unprocessable_entity {
+    &:before {
+      background-image: asset-url('wallaby/422.png');
+      border: 2px solid white;
+      box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
+      height: 170px;
+    }
+  }
+  .internal_server_error {
+    &:before {
+      background-image: asset-url('wallaby/500.png');
+      border: 2px solid white;
+      box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
+      height: 170px;
+    }
+  }
+}
+@media (min-width: $screen-sm-min) {
+  .error {
+    padding-top: 142px;
+    article {
+      margin: 0 auto;
+      padding-left: 140px;
+      text-align: left;
+      &:before {
+        left: 0;
+        position: absolute;
+      }
+      h1 {
+        margin-top: 20px;
+        em {
+          display: inline;
+          font-size: 100%;
+        }
+      }
+    }
+    .not_found, .forbidden, .unauthorized {
+      &:before {
+        background-image: asset-url('wallaby/404.png');
+      }
+    }
+    .bad_request, .unprocessable_entity {
+      &:before {
+        background-image: asset-url('wallaby/422.png');
+        border: 2px solid white;
+        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
+        height: 170px;
+      }
+    }
+    .internal_server_error {
+      &:before {
+        background-image: asset-url('wallaby/500.png');
+        border: 2px solid white;
+        box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
+        height: 170px;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/wallaby/pages/_form.scss ADDED Viewed

@@ -0,0 +1,40 @@
+.edit, .new, .create, .update {
+  section {
+    .resource__container {
+      padding: 20px;
+    }
+    label {
+      color: $default-primary-color;
+      font-style: italic;
+      text-transform: uppercase;
+    }
+    .CodeMirror {
+      border: 1px solid #eeeeee;
+      height: 348px;
+    }
+    .form-group {
+      .resource {
+        &__create, &__update {
+          display: inline-block;
+        }
+      }
+      .help-block {
+        clear: both;
+        font-size: 11px;
+        margin: 0;
+        padding: 5px 1px;
+      }
+    }
+    ul.errors {
+      @extend .text-danger;
+      margin-top: 5px;
+      margin-bottom: 5px;
+      padding-left: 25px;
+    }
+  }
+}