|
2 | 2 | * Copyright 2014 Drifty Co. |
3 | 3 | * http://drifty.com/ |
4 | 4 | * |
5 | | - * Ionic, v1.0.0-beta.8 |
| 5 | + * Ionic, v1.0.0-beta.9 |
6 | 6 | * A powerful HTML5 mobile app framework. |
7 | 7 | * http://ionicframework.com/ |
8 | 8 | * |
@@ -2749,62 +2749,80 @@ a.subdued { |
2749 | 2749 | color: #444; } |
2750 | 2750 | .bar.bar-light .title { |
2751 | 2751 | color: #444; } |
| 2752 | + .bar.bar-light.bar-footer { |
| 2753 | + background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%); } |
2752 | 2754 | .bar.bar-stable { |
2753 | 2755 | border-color: #b2b2b2; |
2754 | 2756 | background-color: #f8f8f8; |
2755 | 2757 | background-image: linear-gradient(0deg, #b2b2b2, #b2b2b2 50%, transparent 50%); |
2756 | 2758 | color: #444; } |
2757 | 2759 | .bar.bar-stable .title { |
2758 | 2760 | color: #444; } |
| 2761 | + .bar.bar-stable.bar-footer { |
| 2762 | + background-image: linear-gradient(180deg, #b2b2b2, #b2b2b2 50%, transparent 50%); } |
2759 | 2763 | .bar.bar-positive { |
2760 | 2764 | border-color: #145fd7; |
2761 | 2765 | background-color: #4a87ee; |
2762 | 2766 | background-image: linear-gradient(0deg, #145fd7, #145fd7 50%, transparent 50%); |
2763 | 2767 | color: #fff; } |
2764 | 2768 | .bar.bar-positive .title { |
2765 | 2769 | color: #fff; } |
| 2770 | + .bar.bar-positive.bar-footer { |
| 2771 | + background-image: linear-gradient(180deg, #145fd7, #145fd7 50%, transparent 50%); } |
2766 | 2772 | .bar.bar-calm { |
2767 | 2773 | border-color: #1aacc3; |
2768 | 2774 | background-color: #43cee6; |
2769 | 2775 | background-image: linear-gradient(0deg, #1aacc3, #1aacc3 50%, transparent 50%); |
2770 | 2776 | color: #fff; } |
2771 | 2777 | .bar.bar-calm .title { |
2772 | 2778 | color: #fff; } |
| 2779 | + .bar.bar-calm.bar-footer { |
| 2780 | + background-image: linear-gradient(180deg, #1aacc3, #1aacc3 50%, transparent 50%); } |
2773 | 2781 | .bar.bar-assertive { |
2774 | 2782 | border-color: #cc2311; |
2775 | 2783 | background-color: #ef4e3a; |
2776 | 2784 | background-image: linear-gradient(0deg, #cc2311, #cc2311 50%, transparent 50%); |
2777 | 2785 | color: #fff; } |
2778 | 2786 | .bar.bar-assertive .title { |
2779 | 2787 | color: #fff; } |
| 2788 | + .bar.bar-assertive.bar-footer { |
| 2789 | + background-image: linear-gradient(180deg, #cc2311, #cc2311 50%, transparent 50%); } |
2780 | 2790 | .bar.bar-balanced { |
2781 | 2791 | border-color: #498f24; |
2782 | 2792 | background-color: #66cc33; |
2783 | 2793 | background-image: linear-gradient(0deg, #498f24, #498f24 50%, transparent 50%); |
2784 | 2794 | color: #fff; } |
2785 | 2795 | .bar.bar-balanced .title { |
2786 | 2796 | color: #fff; } |
| 2797 | + .bar.bar-balanced.bar-footer { |
| 2798 | + background-image: linear-gradient(180deg, #498f24, #145fd7 50%, transparent 50%); } |
2787 | 2799 | .bar.bar-energized { |
2788 | 2800 | border-color: #d39211; |
2789 | 2801 | background-color: #f0b840; |
2790 | 2802 | background-image: linear-gradient(0deg, #d39211, #d39211 50%, transparent 50%); |
2791 | 2803 | color: #fff; } |
2792 | 2804 | .bar.bar-energized .title { |
2793 | 2805 | color: #fff; } |
| 2806 | + .bar.bar-energized.bar-footer { |
| 2807 | + background-image: linear-gradient(180deg, #d39211, #d39211 50%, transparent 50%); } |
2794 | 2808 | .bar.bar-royal { |
2795 | 2809 | border-color: #552bdf; |
2796 | 2810 | background-color: #8a6de9; |
2797 | 2811 | background-image: linear-gradient(0deg, #552bdf, #552bdf 50%, transparent 50%); |
2798 | 2812 | color: #fff; } |
2799 | 2813 | .bar.bar-royal .title { |
2800 | 2814 | color: #fff; } |
| 2815 | + .bar.bar-royal.bar-footer { |
| 2816 | + background-image: linear-gradient(180deg, #552bdf, #552bdf 50%, transparent 50%); } |
2801 | 2817 | .bar.bar-dark { |
2802 | 2818 | border-color: #111; |
2803 | 2819 | background-color: #444444; |
2804 | 2820 | background-image: linear-gradient(0deg, #111, #111 50%, transparent 50%); |
2805 | 2821 | color: #fff; } |
2806 | 2822 | .bar.bar-dark .title { |
2807 | 2823 | color: #fff; } |
| 2824 | + .bar.bar-dark.bar-footer { |
| 2825 | + background-image: linear-gradient(180deg, #111, #111 50%, transparent 50%); } |
2808 | 2826 | .bar .title { |
2809 | 2827 | position: absolute; |
2810 | 2828 | top: 0; |
@@ -3430,6 +3448,10 @@ a.subdued { |
3430 | 3448 | max-height: 100%; |
3431 | 3449 | width: 275px; |
3432 | 3450 | background-color: #fff; } |
| 3451 | + .menu .scroll-content { |
| 3452 | + z-index: 10; } |
| 3453 | + .menu .bar-header { |
| 3454 | + z-index: 11; } |
3433 | 3455 |
|
3434 | 3456 | .menu-content { |
3435 | 3457 | -webkit-transform: none; |
@@ -3499,7 +3521,21 @@ a.subdued { |
3499 | 3521 | min-height: 240px; |
3500 | 3522 | width: 60%; } |
3501 | 3523 | .modal.ng-leave-active { |
3502 | | - bottom: 0; } } |
| 3524 | + bottom: 0; } |
| 3525 | + .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) { |
| 3526 | + height: 44px; } |
| 3527 | + .platform-ios.platform-cordova .modal-wrapper .modal .bar-header:not(.bar-subheader) > * { |
| 3528 | + margin-top: 0; } |
| 3529 | + .platform-ios.platform-cordova .modal-wrapper .modal .tabs-top > .tabs, .platform-ios.platform-cordova .modal-wrapper .modal .tabs.tabs-top { |
| 3530 | + top: 44px; } |
| 3531 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-header, .platform-ios.platform-cordova .modal-wrapper .modal .bar-subheader { |
| 3532 | + top: 44px; } |
| 3533 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-subheader { |
| 3534 | + top: 88px; } |
| 3535 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-tabs-top { |
| 3536 | + top: 93px; } |
| 3537 | + .platform-ios.platform-cordova .modal-wrapper .modal .has-header.has-subheader.has-tabs-top { |
| 3538 | + top: 137px; } } |
3503 | 3539 |
|
3504 | 3540 | .modal-open { |
3505 | 3541 | pointer-events: none; } |
@@ -3548,6 +3584,10 @@ a.subdued { |
3548 | 3584 | -webkit-animation-fill-mode: both; |
3549 | 3585 | -moz-animation-fill-mode: both; |
3550 | 3586 | animation-fill-mode: both; } |
| 3587 | + .popup.popup-tall { |
| 3588 | + overflow: hidden; } |
| 3589 | + .popup.popup-tall .popup-body { |
| 3590 | + overflow: auto; } |
3551 | 3591 |
|
3552 | 3592 | .popup-head { |
3553 | 3593 | padding: 15px 0px; |
@@ -3777,6 +3817,70 @@ a.item-content { |
3777 | 3817 | overflow: visible; |
3778 | 3818 | white-space: normal; } |
3779 | 3819 |
|
| 3820 | +.item-complex.item-light > .item-content { |
| 3821 | + border-color: #ddd; |
| 3822 | + background-color: #fff; |
| 3823 | + color: #444; } |
| 3824 | + .item-complex.item-light > .item-content.active, .item-complex.item-light > .item-content:active { |
| 3825 | + border-color: #ccc; |
| 3826 | + background-color: #fafafa; } |
| 3827 | +.item-complex.item-stable > .item-content { |
| 3828 | + border-color: #b2b2b2; |
| 3829 | + background-color: #f8f8f8; |
| 3830 | + color: #444; } |
| 3831 | + .item-complex.item-stable > .item-content.active, .item-complex.item-stable > .item-content:active { |
| 3832 | + border-color: #a2a2a2; |
| 3833 | + background-color: #e5e5e5; } |
| 3834 | +.item-complex.item-positive > .item-content { |
| 3835 | + border-color: #145fd7; |
| 3836 | + background-color: #4a87ee; |
| 3837 | + color: #fff; } |
| 3838 | + .item-complex.item-positive > .item-content.active, .item-complex.item-positive > .item-content:active { |
| 3839 | + border-color: #145fd7; |
| 3840 | + background-color: #145fd7; } |
| 3841 | +.item-complex.item-calm > .item-content { |
| 3842 | + border-color: #1aacc3; |
| 3843 | + background-color: #43cee6; |
| 3844 | + color: #fff; } |
| 3845 | + .item-complex.item-calm > .item-content.active, .item-complex.item-calm > .item-content:active { |
| 3846 | + border-color: #1aacc3; |
| 3847 | + background-color: #1aacc3; } |
| 3848 | +.item-complex.item-assertive > .item-content { |
| 3849 | + border-color: #cc2311; |
| 3850 | + background-color: #ef4e3a; |
| 3851 | + color: #fff; } |
| 3852 | + .item-complex.item-assertive > .item-content.active, .item-complex.item-assertive > .item-content:active { |
| 3853 | + border-color: #cc2311; |
| 3854 | + background-color: #cc2311; } |
| 3855 | +.item-complex.item-balanced > .item-content { |
| 3856 | + border-color: #498f24; |
| 3857 | + background-color: #66cc33; |
| 3858 | + color: #fff; } |
| 3859 | + .item-complex.item-balanced > .item-content.active, .item-complex.item-balanced > .item-content:active { |
| 3860 | + border-color: #498f24; |
| 3861 | + background-color: #498f24; } |
| 3862 | +.item-complex.item-energized > .item-content { |
| 3863 | + border-color: #d39211; |
| 3864 | + background-color: #f0b840; |
| 3865 | + color: #fff; } |
| 3866 | + .item-complex.item-energized > .item-content.active, .item-complex.item-energized > .item-content:active { |
| 3867 | + border-color: #d39211; |
| 3868 | + background-color: #d39211; } |
| 3869 | +.item-complex.item-royal > .item-content { |
| 3870 | + border-color: #552bdf; |
| 3871 | + background-color: #8a6de9; |
| 3872 | + color: #fff; } |
| 3873 | + .item-complex.item-royal > .item-content.active, .item-complex.item-royal > .item-content:active { |
| 3874 | + border-color: #552bdf; |
| 3875 | + background-color: #552bdf; } |
| 3876 | +.item-complex.item-dark > .item-content { |
| 3877 | + border-color: #111; |
| 3878 | + background-color: #444; |
| 3879 | + color: #fff; } |
| 3880 | + .item-complex.item-dark > .item-content.active, .item-complex.item-dark > .item-content:active { |
| 3881 | + border-color: #000; |
| 3882 | + background-color: #262626; } |
| 3883 | + |
3780 | 3884 | /** |
3781 | 3885 | * Item Icons |
3782 | 3886 | * -------------------------------------------------- |
@@ -5985,11 +6089,26 @@ a.button { |
5985 | 6089 | /** |
5986 | 6090 | * iPad doesn't like box shadows |
5987 | 6091 | */ |
5988 | | -.grade-a:not(.platform-ipad) .slide-left-right-ios7 > .ng-enter, .grade-a:not(.platform-ipad) .slide-left-right-ios7.ng-enter, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse > .ng-enter, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse.ng-enter { |
5989 | | - box-shadow: -200px 0px 200px rgba(0, 0, 0, 0), -5px 0px 5px rgba(0, 0, 0, 0.01); } |
5990 | | -.grade-a:not(.platform-ipad) .slide-left-right-ios7 > .ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-left-right-ios7.ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse > .ng-enter.ng-enter-active, .grade-a:not(.platform-ipad) .slide-right-left-ios7.reverse.ng-enter.ng-enter-active { |
5991 | | - box-shadow: -200px 0px 200px rgba(0, 0, 0, 0.15), -5px 0px 5px rgba(0, 0, 0, 0.18); } |
5992 | | - |
| 6092 | +/* |
| 6093 | +.grade-a:not(.platform-ipad) { |
| 6094 | + .slide-left-right-ios7, .slide-right-left-ios7.reverse { |
| 6095 | + > .ng-enter, &.ng-enter { |
| 6096 | + box-shadow: $ios-transition-box-shadow-start; |
| 6097 | + } |
| 6098 | + > .ng-enter.ng-enter-active, &.ng-enter.ng-enter-active { |
| 6099 | + box-shadow: $ios-transition-box-shadow-end; |
| 6100 | + } |
| 6101 | + } |
| 6102 | + .slide-left-right-ios7.reverse, .slide-right-left-ios7 { |
| 6103 | + > .ng-leave, &.ng-leave { |
| 6104 | + //box-shadow: $ios-transition-box-shadow-end; |
| 6105 | + } |
| 6106 | + > .ng-leave.ng-leave-active, &.ng-leave.ng-leave-active { |
| 6107 | + //box-shadow: $ios-transition-box-shadow-start; |
| 6108 | + } |
| 6109 | + } |
| 6110 | +} |
| 6111 | +*/ |
5993 | 6112 | .grade-a.platform-ipad .slide-left-right-ios7 > .ng-enter, .grade-a.platform-ipad .slide-left-right-ios7.ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse > .ng-enter, .grade-a.platform-ipad .slide-right-left-ios7.reverse.ng-enter { |
5994 | 6113 | border-left: 1px solid #ddd; } |
5995 | 6114 | .grade-a.platform-ipad .slide-left-right-ios7.reverse > .ng-leave, .grade-a.platform-ipad .slide-left-right-ios7.reverse.ng-leave, .grade-a.platform-ipad .slide-right-left-ios7 > .ng-leave, .grade-a.platform-ipad .slide-right-left-ios7.ng-leave { |
@@ -7032,27 +7151,27 @@ a.button { |
7032 | 7151 | font-family: 'Roboto', $font-family-base; |
7033 | 7152 | } |
7034 | 7153 | */ |
7035 | | -.platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { |
| 7154 | +.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) { |
7036 | 7155 | height: 64px; } |
7037 | | - .platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { |
| 7156 | + .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper { |
7038 | 7157 | margin-top: 19px !important; } |
7039 | | - .platform-ios7.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { |
| 7158 | + .platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * { |
7040 | 7159 | margin-top: 20px; } |
7041 | | -.platform-ios7.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios7.platform-cordova:not(.fullscreen) .tabs.tabs-top { |
| 7160 | +.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top { |
7042 | 7161 | top: 64px; } |
7043 | | -.platform-ios7.platform-cordova:not(.fullscreen) .has-header, .platform-ios7.platform-cordova:not(.fullscreen) .bar-subheader { |
| 7162 | +.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader { |
7044 | 7163 | top: 64px; } |
7045 | | -.platform-ios7.platform-cordova:not(.fullscreen) .has-subheader { |
| 7164 | +.platform-ios.platform-cordova:not(.fullscreen) .has-subheader { |
7046 | 7165 | top: 108px; } |
7047 | | -.platform-ios7.platform-cordova:not(.fullscreen) .has-tabs-top { |
| 7166 | +.platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top { |
7048 | 7167 | top: 113px; } |
7049 | | -.platform-ios7.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { |
| 7168 | +.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top { |
7050 | 7169 | top: 157px; } |
7051 | | -.platform-ios7.platform-cordova.status-bar-hide { |
| 7170 | +.platform-ios.platform-cordova.status-bar-hide { |
7052 | 7171 | margin-bottom: 20px; } |
7053 | 7172 |
|
7054 | 7173 | @media (orientation: landscape) { |
7055 | | - .platform-ios7.platform-browser.platform-ipad { |
| 7174 | + .platform-ios.platform-browser.platform-ipad { |
7056 | 7175 | position: fixed; } } |
7057 | 7176 |
|
7058 | 7177 | .platform-c:not(.enable-transitions) * { |
|
0 commit comments