erp_app 3.1.3 → 3.1.4

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_buttons.scss

@@ -1,362 +0,0 @@
-// Toolbar icons used with permission from Drew Wilson
-// http://pictos.drewwilson.com/
-// Pictos icons are (c) 2010 Drew Wilson
-
-@import '../global';
-
-/**
- * @class Ext.Button
- */
-
-/**
- * @var {measurement} $button-height Default height for buttons.
- */
-$button-height: 1.8em;
-
-/**
- * @var {measurement} $button-radius Default border-radius for buttons.
- */
-$button-radius: .4em !default;
-
-/**
- * @var {measurement} $button-stroke-weight Default border width for buttons.
- */
-$button-stroke-weight: .1em !default;
-
-/**
- * @var {string} $button-gradient Default gradient for buttons.
- */
-$button-gradient: $base-gradient !default;
-
-/**
- * @var {string} $toolbar-icon-size Default size (width and height) for toolbar icons.
- */
-$toolbar-icon-size: 1.4em !default;
-
-/**
- * @var {boolean} $include-button-uis Optionally disable separate button UIs, including action, confirm, and decline.
- */
-$include-button-uis: $include-default-uis !default;
-
-/**
- * @var {boolean} $include-button-highlights Optionally disable special CSS3 effects on buttons including gradients, text-shadows, and box-shadows.
- */
-$include-button-highlights: $include-highlights !default;
-
-
-/**
- * Includes default button styles.
- */
-@mixin sencha-buttons {
-  // Basic button style
-  .x-button {
-    @include background-clip(padding-box);
-    @if $include-border-radius { @include border-radius($button-radius); }
-    @include display-box;
-    @include box-align(center);
-    @include toolbar-button(#ccc, $button-gradient);
-    min-height: $button-height; // Why was this !important? Breaks small uis - DK
-    padding: .3em .6em;
-    position: relative;
-    overflow: hidden;
-    -webkit-user-select: none;
-    z-index: 1;
-
-    // Default icon style
-    .x-button-icon {
-      width: 2.1em;
-      height: 2.1em;
-      background-repeat: no-repeat;
-      background-position: center;
-      display: block;
-
-      &.x-icon-mask {
-        width: 1.1em;
-        height: 1.1em;
-        -webkit-mask-size: 1.1em;
-      }
-    }
-
-    &.x-item-disabled .x-button-label, &.x-item-disabled .x-button-icon {
-      opacity: .5;
-    }
-  }
-
-  @if $include-border-radius {
-    .x-button-round {
-      @include border-radius($button-height/2);
-    }
-  }
-
-  // Button icon alignment
-  .x-iconalign-left, .x-icon-align-right {
-    @include box-orient(horizontal);
-  }
-  .x-iconalign-top, .x-iconalign-bottom {
-    @include box-orient(vertical);
-  }
-  .x-iconalign-bottom, .x-iconalign-right {
-    @include box-direction(reverse);
-  }
-  .x-iconalign-center {
-    @include box-pack(center);
-  }
-  .x-iconalign-left .x-button-label {
-    margin-left: $toolbar-spacing * 1.5;
-  }
-  .x-iconalign-right .x-button-label {
-    margin-right: $toolbar-spacing * 1.5;
-  }
-  .x-iconalign-top .x-button-label {
-    margin-top: $toolbar-spacing * 1.5;
-  }
-  .x-iconalign-bottom .x-button-label {
-    margin-bottom: $toolbar-spacing * 1.5;
-  }
-
-  // Button labels
-  .x-button-label {
-    @include box-flex(1);
-    @include box-align(center);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    text-align: center;
-    font-weight: bold;
-    line-height: 1.2em;
-    display: block;
-    overflow: hidden;
-  }
-
-  // Toolbar button styling
-  .x-toolbar .x-button {
-    margin: 0 .2em;
-    padding: .3em .6em;
-
-    .x-button-label {
-      font-size: .7em;
-    }
-
-    .x-button-label, .x-hasbadge .x-badge {
-      line-height: 1.6em;
-    }
-  }
-
-  .x-button-small, .x-toolbar .x-button-small {
-    @if $include-border-radius { @include border-radius(.3em); }
-    padding: .2em .4em;
-    min-height: 0;
-
-    .x-button-label {
-      font-size: .6em;
-    }
-
-    .x-button-icon {
-      width: .75em;
-      height: .75em;
-
-      &.x-icon-mask {
-        -webkit-mask-size: .75em;
-      }
-    }
-  }
-
-  // Back/Forward buttons
-  $shadow-width: .045em; // Space between tip and its shadow
-  $overlap-width: .2em; // how far the mask is clipped
-
-  // $mask-height: $button-height + $button-stroke-weight * 2; // Ugh, this is non-specific... borders?
-  $mask-height: $button-height;
-  $mask-width: $mask-height/2.23;
-
-  $mask-offset: $button-radius - $overlap-width - $button-stroke-weight + $shadow-width - .02;
-
-  $tip-width: $mask-width - $mask-offset + $shadow-width;
-
-  .x-button-forward, .x-button-back {
-    position: relative;
-    overflow: visible;
-    height: $button-height - 0.1;
-    z-index: 1;
-    &:before, &:after {
-      @include insertion($mask-width, $mask-height, -$button-stroke-weight, auto);
-      z-index: 2;
-      -webkit-mask: $mask-offset 0 theme_image($theme-name, "tip2_left.png") no-repeat;
-      -webkit-mask-size: $mask-width $mask-height;
-      overflow: hidden;
-    }
-  }
-
-  .x-button-back,
-  .x-toolbar .x-button-back {
-    margin-left: $tip-width - $shadow-width + $toolbar-spacing  - 0.01;
-    padding-left: .4em;
-    &:before {
-      left: - $tip-width;
-    }
-    &:after {
-      left: - $tip-width + $shadow-width;
-    }
-  }
-
-  .x-button-forward,
-  .x-toolbar .x-button-forward {
-    margin-right: $tip-width - $shadow-width + $toolbar-spacing;
-    padding-right: .4em;
-    &:before, &:after {
-      -webkit-mask: -$mask-offset 0 theme_image($theme-name, "tip2_right.png") no-repeat;
-    }
-    &:before {
-      right: - $tip-width;
-    }
-    &:after {
-      right: - $tip-width + $shadow-width;
-    }
-  }
-
-  // Plain buttons automatically use a margin trick to have a
-  // wide gradial glow for pressed state.
-  .x-button.x-button-plain,
-  .x-toolbar .x-button.x-button-plain {
-    background: none;
-    border: 0 none;
-    @if $include-border-radius { @include border-radius(none); }
-    min-height: 0;
-    text-shadow: none;
-    line-height: auto;
-    height: 1.9em;
-    padding: 0em 0.5em;
-
-    & > * {
-      overflow: visible;
-    }
-
-    .x-button-icon {
-      -webkit-mask-size: $toolbar-icon-size;
-      width: $toolbar-icon-size;
-      height: $toolbar-icon-size;
-    }
-
-    &.x-button-pressing, &.x-button-pressed {
-      background: none;
-
-      $mask-radial-glow: lighten($active-color, 50%);
-      @include background-image(radial-gradient(fade-out($mask-radial-glow, .3), fade-out($mask-radial-glow, 1) 24px));
-      .x-button-icon.x-button-mask {
-        @include background-gradient(#fff, 'recessed');
-      }
-    }
-  }
-
-  // SegmentedButtons
-  .x-segmentedbutton .x-button {
-    margin: 0;
-
-    @if $include-border-radius {
-      @include border-radius(0);
-
-      &.x-first {
-        @include border-left-radius($button-radius);
-      }
-      &.x-last {
-        @include border-right-radius($button-radius);
-      }
-    }
-
-    &:not(.x-first) {
-      border-left: 0;
-    }
-  }
-
-  // Badges
-  $badge-size: 2em !default;
-  $badge-radius: .2em !default;
-  $badge-bg-color: darken($alert-color, 10%) !default;
-  $badge-bg-gradient: $base-gradient !default;
-
-  .x-hasbadge {
-    overflow: visible;
-    .x-badge {
-      @extend .x-button-label;
-      @include background-clip(padding-box);
-      @if $include-border-radius { @include border-radius($badge-radius); }
-      padding: .1em .3em;
-      z-index: 2;
-      @if $include-button-highlights {
-        @include bevel-by-background($badge-bg-color);
-        @include box-shadow(rgba(#000, .5) 0 .1em .1em);
-      }
-      overflow: hidden;
-      @include color-by-background($badge-bg-color, $contrast: 50%);
-      border: 1px solid darken($badge-bg-color, 10%);
-      position: absolute;
-      width: auto;
-      min-width: $badge-size;
-      line-height: 1.2em;
-      font-size: .6em;
-      right: 0px;
-      top: -.2em;
-      max-width: 95%;
-      @include background-gradient($badge-bg-color, $badge-bg-gradient);
-      display: inline-block;
-    }
-  }
-
-  @if $include-default-icons {
-    @include pictos-iconmask('action');
-    @include pictos-iconmask('add');
-    @include pictos-iconmask('arrow_down');
-    @include pictos-iconmask('arrow_left');
-    @include pictos-iconmask('arrow_right');
-    @include pictos-iconmask('arrow_up');
-    @include pictos-iconmask('compose');
-    @include pictos-iconmask('delete');
-    @include pictos-iconmask('organize');
-    @include pictos-iconmask('refresh');
-    @include pictos-iconmask('reply');
-    @include pictos-iconmask('search');
-    @include pictos-iconmask('settings');
-    @include pictos-iconmask('star');
-    @include pictos-iconmask('trash');
-    @include pictos-iconmask('maps');
-    @include pictos-iconmask('locate');
-    @include pictos-iconmask('home');
-  }
-
-  @if $include-button-uis {
-    @include sencha-button-ui('action', $active-color);
-    @include sencha-button-ui('confirm', desaturate(darken($confirm-color, 10%), 5%));
-    @include sencha-button-ui('decline', desaturate(darken($alert-color, 10%), 5%));
-  }
-}
-
-
-/**
- * Creates a theme UI for buttons.
- * Also automatically generates UIs for {ui-label}-round and {ui-label}-small.
- *
- *     // SCSS
- *     @include sencha-button-ui('secondary', #99A4AE, 'glossy');
- *
- *     // JS
- *     var cancelBtn = new Ext.Button({text: 'Cancel', ui: 'secondary'});
- *
- * @param {string} $ui-label The name of the UI being created.
- *   Can not included spaces or special punctuation (used in class names)
- * @param {color} $color Base color for the UI.
- * @param {string} $gradient Default gradient for the UI.
- */
-@mixin sencha-button-ui($ui-label, $color, $gradient: $button-gradient) {
-  .x-button.x-button-#{$ui-label}, .x-button.x-button-#{$ui-label}-round, .x-button.x-button-#{$ui-label}-small {
-    @include toolbar-button($color, $gradient);
-  }
-
-  @if $include-border-radius {
-    .x-button.x-button-#{$ui-label}-round {
-      @extend .x-button-round;
-    }
-  }
-
-  .x-button.x-button-#{$ui-label}-small {
-    @extend .x-button-small;
-  }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_carousel.scss

@@ -1,113 +0,0 @@
-@import '../global';
-
-/**
- * @class Ext.carousel.Indicator
- */
-
-/**
- * @var {measurement} $carousel-indicator-size Size (width/height) of carousel indicator dots.
- */
-$carousel-indicator-size: .5em !default;
-
-/**
- * @var {measurement} $carousel-indicator-spacing
- * Amount of space between carousel indicator dots.
- */
-$carousel-indicator-spacing: .2em !default;
-
-/**
- * @var {measurement} $carousel-track-size Size of the track the carousel indicator dots are in.
- */
-$carousel-track-size: 1.5em !default;
-
-/**
- * Creates a theme UI for carousel indicator components.
- *
- * @param {string} $ui-label The name of the UI being created.
- *   Can not included spaces or special punctuation (used in class names)
- * @param {color} $color Base color for the UI.
- * @param {string} $gradient Default gradient for the UI.
- * @param {color} $active-color Active color for the UI.
- * @param {string} $active-gradient Active gradient for the UI.
- */
-@mixin sencha-carousel-indicator-ui($ui-label, $color, $gradient, $active-color, $active-gradient) {
-  .x-carousel-indicator-#{$ui-label} span {
-    @include background-gradient($color, $gradient);
-
-    &.x-carousel-indicator-active {
-      @include background-gradient($active-color, $active-gradient)
-    }
-  }
-}
-
-/**
- * @class Ext.carousel.Carousel
- */
-
-/**
- * Includes basic carousel formatting.
- */
-@mixin sencha-carousel {
-  .x-carousel-inner {
-    position: relative;
-    overflow: hidden;
-  }
-
-  .x-carousel-item {
-    position: absolute !important;
-    width: 100%;
-    height: 100%;
-
-    > * {
-        position: absolute !important;
-        width: 100%;
-        height: 100%;
-    }
-  }
-
-  .x-carousel-indicator {
-    // @TODO: we should not have to cancel out the x-floating styling
-    padding: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    @include box-shadow(none);
-    background-color: transparent;
-    background-image: none;
-  }
-
-  .x-carousel-indicator {
-    -webkit-box-flex: 1;
-
-    @include display-box;
-    @include box-pack(center);
-    @include box-align(center);
-
-    span {
-      display: block;
-      width: $carousel-indicator-size;
-      height: $carousel-indicator-size;
-      @if $include-border-radius { @include border-radius($carousel-indicator-size / 2); }
-      margin: $carousel-indicator-spacing;
-    }
-  }
-
-  .x-carousel-indicator-horizontal {
-    height: $carousel-track-size;
-    width: 100%;
-  }
-
-  .x-carousel-indicator-vertical {
-    @include box-orient(vertical);
-    width: $carousel-track-size;
-    height: 100%;
-  }
-
-  $indicator-light: rgba(#fff, .1);
-  $indicator-light-active: rgba(#fff, .3);
-  $indicator-dark: rgba(#000, .1);
-  $indicator-dark-active: rgba(#000, .3);
-
-  @include sencha-carousel-indicator-ui('light', $indicator-light, 'flat', $indicator-light-active, 'flat');
-  @include sencha-carousel-indicator-ui('dark', $indicator-dark, 'flat', $indicator-dark-active, 'flat');
-}
-

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_charts.scss

@@ -1,134 +0,0 @@
-@import '../global';
-
-@mixin sencha-charts {
-  @include sencha-draw;
-
-  $legend-border-color: #ccc !default;
-  $legend-border: 1px solid $legend-border-color !default;
-  $legend-background-color: #fff !default;
-  $legend-z-index: 10 !default;
-  $legend-item-border: 1px solid rgba($legend-border-color, .5) !default;
-  $legend-item-background: rgba(#fff, 0) !default;
-  $legend-item-color: #333 !default;
-  $marker-size: .8em !default;
-
-  .x-legend {
-    .x-legend-inner {
-      .x-legend-container {
-        @include border-radius(5px);
-        border: $legend-border;
-        background: $legend-background-color;
-
-        //@if (lightness($legend-background-color) > 30) {
-        //  @include box-shadow(rgba(#fff, .6) 0 1px 1px);
-        //} @else {
-        //  @include box-shadow(rgba(#fff, .2) 0 1px 0);
-        //}
-        .x-legend-item {
-          padding: .8em 1em .8em $marker-size + 1em;
-          color: $legend-item-color;
-          background: $legend-item-background;
-          max-width: 20em;
-          min-width: 0;
-          font-size: 14px;
-          line-height: 14px;
-          font-weight: bold;
-          white-space: nowrap;
-          position: relative;
-
-          .x-legend-inactive {
-            @include opacity(.3);
-          }
-
-          .x-legend-item-marker {
-            position: absolute;
-            width: $marker-size;
-            height: $marker-size;
-            @include border-radius($marker-size/2);
-            @include box-shadow(rgba(#fff, .3) 0 1px 0, rgba(#000, .4) 0 1px 0 inset);
-            left: .7em;
-            top: 1em;
-          }
-        }
-      }
-    }
-    
-    &.x-docked-top, &.x-docked-bottom {
-      .x-legend-item {
-        border-right: $legend-item-border;
-        &:last-child {
-          border-right: 0;
-        }
-      }
-    }
-    
-    &.x-docked-left, &.x-docked-right {
-      .x-legend-inner {
-        display: -webkit-box;
-        -webkit-box-align: center;
-        -webkit-box-pack: center;
-      }
-    }
-  }
-
-  .x-legend-button-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/list.png');
-  }
-
-  .x-panzoom-toggle-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/move.png');
-  }
-
-  .x-zooming > .x-panzoom-toggle-icon {
-    -webkit-mask-image: theme-image('default', 'pictos/resize.png');
-  }
-
-  .x-chart-toolbar {
-    position: absolute;
-    z-index: 9;
-    @include display-box;
-    padding: .6em;
-
-    .x-button {
-      margin: .2em;
-    }
-
-    &[data-side=left], &[data-side=right] {
-      top: 0;
-      @include box-orient(vertical);
-    }
-
-    &[data-side=left] {
-      left: 0;
-    }
-
-    &[data-side=right] {
-      right: 0;
-    }
-
-    &[data-side=top], &[data-side=bottom] {
-      @include box-orient(horizontal);
-      right: 0;
-    }
-
-    &[data-side=top] {
-      top: 0;
-    }
-
-    &[data-side=bottom] {
-      bottom: 0;
-      @include box-orient(horizontal);
-    }
-  }
-
-  @if $include-default-icons {
-    @include pictos-iconmask('bookmarks');
-    @include pictos-iconmask('download');
-    @include pictos-iconmask('favorites');
-    @include pictos-iconmask('info');
-    @include pictos-iconmask('more');
-    @include pictos-iconmask('time');
-    @include pictos-iconmask('user');
-    @include pictos-iconmask('team');
-  }
-}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/default/widgets/_draw.scss

@@ -1,34 +0,0 @@
-@import '../global';
-
-@mixin sencha-draw {
-  .x-android-3 .x-surface-wrap, .x-android-3 .x-surface-wrap > * {
-    -webkit-perspective: 1;
-  }
-
-  .x-draw-component {
-    position: relative;
-    .x-inner {
-      overflow: hidden;
-    }
-  }
-
-  .x-surface {
-    position: absolute;
-  }
-  
-  .x-chart-watermark {
-    opacity: 0.5;
-    z-index: 9;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    color: white;
-    padding: 4px 6px;
-    font-family: "Helvetica";
-    font-size: 12px;
-    position: absolute;
-    border-top-left-radius: 4px;
-    white-space:nowrap;
-    -webkit-border-top-left-radius: 4px;
-  }
-}