compass_ae_sencha 1.0.0 → 1.0.1

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

@@ -0,0 +1,49 @@
+/**
+ * @class Ext.layout.Fit
+ */
+
+.x-stretched.x-container {
+    @include st-box();
+    @include st-box-orient(vertical);
+
+    > .x-inner, > .x-body,
+    > .x-body > .x-inner {
+        @include st-box();
+        @include st-box-flex(1);
+        @include st-box-orient(vertical);
+        min-height: 0px;
+    }
+}
+
+.x-layout-fit.x-stretched > .x-layout-fit-item {
+    @include st-box();
+    @include st-box-flex(1);
+    min-height: 0;
+    min-width: 0;
+}
+
+.x-layout-fit {
+    position: relative;
+}
+
+.x-layout-fit-item {
+    &.x-sized {
+        @include absolute-position();
+    }
+
+    &.x-unsized {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+// Platform specific code
+
+.x-ie {
+    .x-stretched {
+        > .x-inner,
+        > .x-body {
+            min-height: inherit;
+        }
+    }
+}

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

@@ -0,0 +1,37 @@
+/**
+ * @class Ext.layout.Float
+ */
+
+.x-center,
+.x-centered {
+    @include absolute-position();
+    @include st-box();
+    @include st-box-align(center);
+    @include st-box-pack(center);
+
+    > * {
+        position: relative;
+    }
+
+    > .x-floating {
+        position: relative !important;
+    }
+}
+
+.x-floating {
+    position: absolute !important;
+}
+
+.x-layout-float {
+    overflow: hidden;
+
+    > .x-layout-float-item {
+        float: left;
+    }
+
+    &.x-direction-right {
+        > .x-layout-float-item {
+            float: right;
+        }
+    }
+}

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

@@ -0,0 +1,105 @@
+/**
+ * @class Ext.picker.Picker
+ */
+
+.x-sheet.x-picker {
+    padding: 0;
+}
+
+.x-sheet.x-picker .x-sheet-inner {
+    background-color: #fff;
+    overflow: hidden;
+
+    .x-picker-slot {
+        .x-body {
+            border-left: 1px solid #999999;
+            border-right: 1px solid #ACACAC;
+        }
+
+        &.x-first {
+            .x-body {
+                border-left: 0;
+            }
+        }
+
+        &.x-last {
+            .x-body {
+                border-left: 0;
+                border-right: 0;
+            }
+        }
+    }
+}
+
+.x-picker-slot .x-scroll-view {
+    z-index: 2;
+    position: relative;
+}
+
+.x-picker-mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    @include st-box;
+    @include st-box-align(stretch);
+    @include st-box-orient(vertical);
+    @include st-box-pack(center);
+    pointer-events: none;
+}
+
+.x-picker-slot-title {
+    position: relative;
+    z-index: 2;
+
+    > div {
+        @include ellipsis;
+        font-weight: bold;
+    }
+}
+
+.x-picker-slot {
+    .x-dataview-inner {
+        width: 100% !important;
+    }
+
+    .x-dataview-item {
+        vertical-align: middle;
+        height: 30px;
+        line-height: 30px;
+
+        &.x-item-selected {
+            font-weight: bold;
+        }
+    }
+
+    .x-picker-item {
+        @include ellipsis();
+    }
+}
+
+.x-ie .x-picker-item {
+    cursor: default;
+}
+
+.x-ie .x-picker-item::before{
+    content: ". .";
+    color: transparent;
+    position: absolute;
+    left: 0px;
+    word-spacing: 3000px;
+}
+
+.x-picker-right {
+    text-align: right;
+}
+
+.x-picker-center {
+    text-align: center;
+}
+
+.x-picker-left {
+    text-align: left;
+}

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

@@ -0,0 +1,25 @@
+/**
+ * @class Ext.plugin.ListPaging
+ */
+
+.x-list-paging {
+    .x-loading-spinner {
+        display: none;
+        margin: auto;
+    }
+
+    .x-list-paging-msg {
+        text-align: center;
+        clear: both;
+    }
+
+    &.x-loading {
+        .x-loading-spinner {
+            display: block;
+        }
+
+        .x-list-paging-msg {
+            display: none;
+        }
+    }
+}

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

@@ -0,0 +1,58 @@
+/**
+ * @class Ext.plugin.PullRefresh
+ */
+
+.x-list-pullrefresh {
+    @include st-box;
+    @include st-box-orient(horizontal);
+    @include st-box-align(center);
+    @include st-box-pack(center);
+    @include st-box-direction(normal, row);
+
+    position: absolute;
+    top: -5em;
+    left: 0;
+    width: 100%;
+    height: 4.5em;
+
+    .x-loading-spinner {
+        display: none;
+    }
+}
+
+.x-list-pullrefresh-arrow {
+    width: 2.5em;
+    height: 4.5em;
+    background-color: #bbb;
+}
+
+.x-list-pullrefresh-wrap {
+    width: 20em;
+    font-size: 0.7em;
+}
+
+.x-list-pullrefresh-message {
+    font-weight: bold;
+    font-size: 1.3em;
+    text-align: center;
+}
+
+.x-list-pullrefresh-updated {
+    text-align: center;
+}
+
+.x-list-pullrefresh-loading {
+    *.x-loading-spinner {
+        display: block;
+    }
+
+    .x-list-pullrefresh-arrow {
+        display: none;
+    }
+}
+
+.x-android-2 .x-list-pullrefresh-loading {
+    *.x-loading-spinner {
+        display: none;
+    }
+}

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

@@ -0,0 +1,199 @@
+/**
+ * @class Ext.scroll.Scroller
+ */
+
+.x-scroll-view {
+    position: relative;
+    display: block;
+    overflow: hidden;
+}
+
+.x-scroll-container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.x-scroll-scroller {
+    position: absolute;
+    min-width: 100%;
+    min-height: 100%;
+    width: auto !important;
+    height: auto !important;
+}
+
+.x-scroll-stretcher {
+    position: absolute;
+    visibility: hidden;
+}
+
+.x-scroll-bar-grid-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.x-scroll-bar-grid {
+    display: table;
+    width: 100%;
+    height: 100%;
+
+    > * {
+        display: table-row;
+    }
+
+    > * > * {
+        display: table-cell;
+    }
+
+    > :first-child > :first-child {
+        width: 100%;
+        height: 100%;
+    }
+
+    > :first-child > :nth-child(2) {
+        padding: 3px 3px 0 0;
+    }
+
+    > :nth-child(2) > :first-child {
+        padding: 0 0 3px 3px;
+    }
+}
+
+.x-scroll-bar {
+    position: relative;
+    overflow: hidden;
+}
+
+.x-scroll-bar-stretcher {
+    position: absolute;
+    visibility: hidden;
+    width: 100%;
+    height: 100%;
+}
+
+.x-scroll-bar-x {
+    width: 100%;
+
+    > .x-scroll-bar-stretcher {
+        width: 300%;
+    }
+
+    &.active {
+        height: 6px;
+    }
+}
+
+.x-scroll-bar-y {
+    height: 100%;
+
+    > .x-scroll-bar-stretcher {
+        height: 300%;
+    }
+
+    &.active {
+        width: 6px;
+    }
+}
+
+.x-scroll-indicator {
+    background: #333;
+    position: absolute;
+    z-index: 3;
+}
+
+.x-scroll-indicator-x {
+    height: 100%;
+}
+
+.x-scroll-indicator-y {
+    width: 100%;
+}
+
+.x-scroll-indicator.rounded {
+    background: none;
+
+    > * {
+        position: absolute;
+        background-color: #333;
+    }
+
+    > :nth-child(2) {
+        -webkit-transform-origin: 0% 0%;
+        background: none;
+        content: url(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAxhgAAAAA);
+    }
+
+    &.x-scroll-indicator-light {
+        > * {
+            background-color: #eee;
+        }
+
+        > :nth-child(2) {
+            content: url(data:image/bmp;base64,Qk08AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABAAAAAAAAYAAAASCwAAEgsAAAAAAAAAAAAAvXcAAAAA);
+        }
+    }
+
+    &.x-scroll-indicator-y {
+        > * {
+            width: 100%;
+        }
+
+        > :first-child {
+            height: 3px;
+            @include border-top-radius(3px);
+        }
+
+        > :nth-child(2) {
+            height: 1px;
+        }
+
+        > :last-child {
+            height: 3px;
+            @include border-bottom-radius(3px);
+        }
+    }
+
+    &.x-scroll-indicator-x {
+        > * {
+            height: 100%;
+        }
+
+        > :first-child {
+            width: 3px;
+            @include border-left-radius(3px);
+        }
+
+        > :nth-child(2) {
+            width: 1px;
+        }
+
+        > :last-child {
+            width: 3px;
+            @include border-right-radius(3px);
+        }
+    }
+}
+
+.x-list-light,
+.x-dataview-light {
+    .x-scroll-indicator {
+        background: #fff;
+    }
+}
+
+// Platform specific code
+.x-ios .x-scroll-scroller {
+    -webkit-transform: translate3d(0, 0, 0);
+}
+
+.x-ie {
+    .x-scroll-bar-y {
+        position: absolute;
+        margin-left: -5px;
+    }
+
+    //.x-scroll-container .x-layout-box {
+    //  width: 100% !important;
+    //}
+}