compass_ae_sencha 1.0.0 → 1.0.1

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/_Panel.scss

@@ -0,0 +1,33 @@
+/**
+ * @class Ext.Panel
+ */
+
+.x-panel,
+.x-msgbox {
+    position: relative;
+}
+
+.x-panel.x-floating,
+.x-msgbox,
+.x-form.x-floating {
+    padding: 6px;
+    background-color: #ccc;
+
+    .x-panel-inner,
+    > .x-body {
+        z-index: 1;
+        background-color: #fff;
+    }
+}
+
+.x-panel.x-floating > .x-dock,
+.x-msgbox > .x-dock,
+.x-form.x-floating > .x-dock {
+    z-index: 1;
+}
+
+.x-panel.x-floating > .x-dock.x-sized,
+.x-msgbox > .x-dock.x-sized,
+.x-form.x-floating > .x-dock.x-sized {
+    margin: 6px;
+}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/_Sheet.scss

@@ -0,0 +1,8 @@
+/**
+ * @class Ext.Sheet
+ */
+
+.x-sheet,
+.x-sheet-action {
+	height: auto;
+}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/_Toolbar.scss

@@ -0,0 +1,59 @@
+/**
+ * @class Ext.Toolbar
+ */
+
+.x-toolbar {
+    position: relative;
+    background-color: #eee;
+    min-height: 2.6em;
+
+    &.x-docked-top {
+        border-bottom: 1px solid;
+    }
+
+    &.x-docked-bottom {
+        border-top: 1px solid;
+    }
+
+    &.x-docked-left {
+        width: 50px;
+        height: auto;
+        border-right: 1px solid;
+    }
+
+    &.x-docked-right {
+        width: 50px;
+        height: auto;
+        border-left: 1px solid;
+    }
+}
+
+.x-title {
+    font-size: 1.2em;
+    text-align: center;
+    font-weight: bold;
+
+    max-width: 100%;
+
+    .x-innerhtml {
+        @include ellipsis;
+    }
+}
+
+.x-navigation-bar {
+    .x-container {
+        overflow: visible;
+    }
+}
+
+.x-toolbar-inner {
+    .x-field {
+        .x-component-outer {
+            @include st-box-flex(1);
+        }
+    }
+}
+
+.x-ie .x-toolbar-inner {
+    height: 100% !important;
+}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/_all.scss

@@ -0,0 +1,39 @@
+// Layout
+@import "layout/Abstract";
+@import "layout/Box";
+@import "layout/Card";
+@import "layout/Dock";
+@import "layout/Fit";
+@import "layout/Float";
+
+// Utiities
+@import "util/PaintMonitor";
+@import "util/SizeMonitor";
+@import "util/Translatable";
+
+// Components
+@import "Button";
+@import "Class";
+@import "Img";
+@import "Map";
+@import "Mask";
+@import "Media";
+@import "MessageBox";
+@import "Panel";
+@import "Sheet";
+@import "Toolbar";
+@import "carousel/Carousel";
+@import "chart/AbstractChart";
+@import "dataview/DataView";
+@import "dataview/List";
+@import "dataview/IndexBar";
+@import "form/Panel";
+@import "picker/Picker";
+@import "plugin/ListPaging";
+@import "plugin/PullRefresh";
+@import "slider/Slider";
+@import "tab/Panel";
+@import "table/Table";
+
+// Scroller
+@import "scroller/Scroller";

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/carousel/_Carousel.scss

@@ -0,0 +1,41 @@
+.x-carousel-inner {
+    position: relative;
+    overflow: hidden;
+}
+
+.x-carousel-item,
+.x-carousel-item > * {
+    position: absolute !important;
+    width: 100%;
+    height: 100%;
+}
+
+.x-carousel-indicator {
+    @include st-box-flex(1);
+
+    @include st-box();
+    @include st-box-pack(center);
+    @include st-box-align(center);
+
+    span {
+        display: block;
+        width: 10px;
+        height: 10px;
+        margin: 3px;
+        background-color: #eee;
+
+        &.x-carousel-indicator-active {
+            background-color: #ccc;
+        }
+    }
+}
+
+.x-carousel-indicator-horizontal {
+    width: 100%;
+}
+
+.x-carousel-indicator-vertical {
+    @include st-box-orient(vertical);
+    height: 100%;
+}
+

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/chart/_AbstractChart.scss

@@ -0,0 +1,139 @@
+.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;
+}
+
+$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-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);
+  }
+}
+
+@include icon('list');
+@include icon('expand');

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_DataView.scss

@@ -0,0 +1,11 @@
+.x-dataview-inlineblock {
+    .x-dataview-item, .x-data-item {
+        display: inline-block !important;
+    }
+}
+
+.x-dataview-nowrap {
+    .x-dataview-container {
+        white-space: nowrap !important;
+    }
+}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_IndexBar.scss

@@ -0,0 +1,43 @@
+.x-indexbar-wrapper {
+    @include st-box-pack(end, important);
+    pointer-events: none;
+}
+
+.x-indexbar {
+    pointer-events: auto;
+    z-index: 2;
+    min-height: 0 !important;
+    height: auto !important;
+
+    @include st-box-flex(0, auto, important);
+
+    > div {
+        font-size: 0.6em;
+        text-align: center;
+        line-height: 1.1em;
+        font-weight: bold;
+        display: block;
+    }
+}
+
+.x-indexbar-vertical {
+    width: 15px;
+    @include st-box-orient(vertical);
+    margin-right: 15px;
+}
+
+.x-indexbar-horizontal {
+    height: 15px;
+    @include st-box-orient(horizontal);
+}
+
+.x-phone.x-landscape .x-indexbar {
+    > div {
+        font-size: 0.38em;
+        line-height: 1em;
+    }
+}
+
+.x-indexbar-pressed {
+    background-color: #ccc;
+}

data/public/stylesheets/sencha_touch/resources/themes/stylesheets/sencha-touch/base/src/dataview/_List.scss

@@ -0,0 +1,151 @@
+.x-list {
+    overflow: hidden;
+
+    .x-scroll-scroller {
+        max-width: 100%;
+    }
+
+    .x-list-inner {
+        width: 100% !important;
+    }
+
+    &.x-list-indexed .x-list-disclosure {
+        margin-right: 50px;
+    }
+
+    .x-item-selected .x-list-disclosure {
+        background-color: #fff;
+    }
+
+    .x-list-scrolldock-hidden {
+        display: none;
+    }
+
+    .x-list-item {
+        position: absolute !important;
+        left: 0;
+        top: 0;
+        width: 100%;
+
+        &.x-item-pressed {
+            &.x-list-item-tpl,
+            .x-dock-horizontal {
+                background-color: #ddd;
+            }
+        }
+
+        > .x-dock {
+            height: auto;
+        }
+
+        .x-dock-horizontal {
+            border-top: 1px solid #ccc;
+        }
+
+        &.x-item-selected .x-dock-horizontal,
+        &.x-item-selected.x-list-item-tpl {
+            background-color: #ccc;
+        }
+
+        .x-list-item-body,
+        &.x-list-item-tpl .x-innerhtml {
+            padding: 5px;
+        }
+
+        &.x-list-item-relative {
+            position: relative !important;
+        }
+    }
+
+    .x-list-header {
+        background-color: #eee;
+        border-top: 1px solid #ccc;
+        border-bottom: 1px solid #ccc;
+        font-weight: bold;
+
+        &.x-list-item-relative {
+            position:  relative !important;
+        }
+    }
+
+    .x-list-disclosure {
+        margin: 5px 15px 5px 0;
+        overflow: visible;
+        width: 20px;
+        height: 20px;
+        border: 1px solid #ccc;
+        background-color: #eee;
+    }
+
+    .x-list-item-tpl .x-list-disclosure {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+    }
+
+    .x-list-emptytext {
+        text-align: center;
+        pointer-events: none;
+        font-size: #333333;
+        @include st-box();
+        @include st-box-orient(vertical);
+        @include st-box-pack(center);
+    }
+
+    &.x-list-indexed .x-list-disclosure {
+        margin-right: 35px;
+    }
+
+    .x-list-scrolldockitem {
+        position: absolute !important;
+        left: 0;
+        top: 0;
+        width: 100%;
+    }
+}
+
+// Provides ability to capture events on the list
+.x-ie .x-list-grouped .x-translatable-container {
+  .x-list-item, .x-list-header {
+    &:before {
+      content: ". .";
+      color: transparent;
+      position: absolute;
+      left: 0px;
+      word-spacing: 3000px;
+      opacity: 0;
+    }
+  }
+}
+
+.x-list-header {
+    position: absolute;
+    left: 0;
+    width: 100%;
+    z-index: 2 !important;
+}
+
+.x-ios .x-list-header {
+    @include transform(translate3d(0, 0, 0));
+}
+
+.x-list-grouped .x-list-item.x-list-header-wrap .x-dock-horizontal,
+.x-list-grouped .x-list-item-tpl.x-list-header-wrap {
+    border-top: 0;
+}
+
+.x-list-inlineblock {
+    .x-list-item {
+        display: inline-block !important;
+    }
+}
+
+.x-list-nowrap {
+    .x-list-inner {
+        width: auto;
+    }
+
+    .x-list-container {
+        white-space: nowrap !important;
+    }
+}