Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
16
gaia/apps/costcontrol/style/views/appdetail.css
Executable file
16
gaia/apps/costcontrol/style/views/appdetail.css
Executable file
|
|
@ -0,0 +1,16 @@
|
|||
#appdetail-view.view {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#appdetail-view > .view-scroll {
|
||||
top: 5rem;
|
||||
}
|
||||
|
||||
#appdetail-view .info {
|
||||
font-size: 1.7rem;
|
||||
padding: 0 3rem 1rem;
|
||||
}
|
||||
|
||||
#appdetail-view .settings > li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
140
gaia/apps/costcontrol/style/views/balance.css
Executable file
140
gaia/apps/costcontrol/style/views/balance.css
Executable file
|
|
@ -0,0 +1,140 @@
|
|||
/* OVERVIEW */
|
||||
#balance-tab-update-button {
|
||||
width: 13.5rem;
|
||||
}
|
||||
|
||||
#balance-tab .overview {
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
border-bottom: solid 0.1rem #b7b7b7;
|
||||
box-shadow: 0 0.1rem 0 0 rgba(255, 255, 255, 0.8);
|
||||
margin-bottom: 1rem;
|
||||
padding: 0 0 0.8rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
html[dir="ltr"] #balance-tab .overview .info {
|
||||
transform: translateX(4.0rem);
|
||||
}
|
||||
html[dir="rtl"] #balance-tab .overview .info {
|
||||
transform: translateX(-4.0rem);
|
||||
}
|
||||
#balance-tab .overview .info {
|
||||
transition: transform var(--transition-duration);
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
padding-inline-start: 1rem;
|
||||
}
|
||||
|
||||
#balance-tab .overview .end {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#balance-tab-credit {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* COUNTDOWN */
|
||||
.countdown {
|
||||
font-size: 1.6rem;
|
||||
padding-bottom: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
border-bottom: 1px solid #BBB;
|
||||
}
|
||||
|
||||
#top-up-countdown {
|
||||
color: #c7c9c6;
|
||||
}
|
||||
|
||||
/* ERROR MESSAGES */
|
||||
section.content .error-messages[hidden] {
|
||||
transform: translateY(-10rem);
|
||||
display: block !important;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
section.content .error-messages {
|
||||
transform: translate(0,0);
|
||||
color: #b20000;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4em;
|
||||
padding: 0 0.8rem 0.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
overflow: hidden;
|
||||
border-bottom: solid 1px #b20000;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
/* ICONS CONTAINER */
|
||||
#balance-tab .overview .icons {
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 0 0.4rem;
|
||||
padding-inline-end: 0;
|
||||
margin: 0.5rem 1rem 1rem;
|
||||
flex: 0 0 2.2rem;
|
||||
}
|
||||
|
||||
/* ICONS*/
|
||||
#balance-tab .overview .icons progress,
|
||||
#balance-tab .overview .icons .warning {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* SPINNER */
|
||||
#balance-tab .overview .icons progress {
|
||||
margin: -0.5rem 0 0 -0.5rem;
|
||||
}
|
||||
|
||||
/* WARNING*/
|
||||
#balance-tab .overview .icons .warning {
|
||||
background: url('./../images/app/icons/warning.png') no-repeat center / 2.2rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ALL STATES */
|
||||
html[dir="ltr"] #balance-tab.updating .overview > .info,
|
||||
html[dir="rtl"] #balance-tab.updating .overview > .info,
|
||||
html[dir="ltr"] #balance-tab.warning .overview > .info,
|
||||
html[dir="rtl"] #balance-tab.warning .overview > .info {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
/* UPDATING STATE */
|
||||
#balance-tab.updating .overview .icons progress {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#balance-tab.updating .overview .icons .warning {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* WARNING STATE */
|
||||
#balance-tab.warning .overview .icons .warning{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#balance-tab.warning #balance-tab-credit,
|
||||
#balance-tab.warning #balance-tab-currency {
|
||||
color: #777775;
|
||||
}
|
||||
|
||||
/* LOW CREDIT STATE */
|
||||
#balance-tab.low-credit #balance-tab-credit,
|
||||
#balance-tab.low-credit #balance-tab-currency {
|
||||
color: #e7a239;
|
||||
}
|
||||
|
||||
/* ZERO CREDIT STATE */
|
||||
#balance-tab.no-credit #balance-tab-credit,
|
||||
#balance-tab.no-credit #balance-tab-currency {
|
||||
color: #a50606;
|
||||
}
|
||||
57
gaia/apps/costcontrol/style/views/datalimits.css
Executable file
57
gaia/apps/costcontrol/style/views/datalimits.css
Executable file
|
|
@ -0,0 +1,57 @@
|
|||
/* TOPUP VIEW */
|
||||
#data-limit-dialog {
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
#data-limit-dialog form {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-top: solid 0.1rem #e7e7e7;
|
||||
height: 7rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form button.switch-unit-button {
|
||||
margin: 0;
|
||||
width: 9rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form label {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#data-limit-dialog form .buttons-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog form input {
|
||||
text-align: end;
|
||||
font-weight: 500;
|
||||
font-size: 2.4rem;
|
||||
width: calc(100% - 1rem);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#data-limit-dialog .content .info h2 {
|
||||
font-size: 1.8rem;
|
||||
line-height: 1em;
|
||||
font-weight: normal;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#data-limit-dialog .content .info p {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.3em;
|
||||
color: #505859;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
147
gaia/apps/costcontrol/style/views/datausage.css
Executable file
147
gaia/apps/costcontrol/style/views/datausage.css
Executable file
|
|
@ -0,0 +1,147 @@
|
|||
/* DATAUSAGE VIEW */
|
||||
#datausage-tab .content {
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
padding-bottom: 3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* DATA TOGGLE */
|
||||
#datausage-tab .toggle-data {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0 1.5rem;
|
||||
border: solid 0.1rem #adadad;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li {
|
||||
height: 3.8rem;
|
||||
padding-inline-start: 3rem;
|
||||
border-bottom-color: #adadad;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li label {
|
||||
/* Removing BB absolute positioning styles */
|
||||
position: unset;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding-inline-end: 2.2rem;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data .data-origin-label,
|
||||
#datausage-tab .toggle-data .overview {
|
||||
font-size: 1.9rem;
|
||||
font-weight: normal;
|
||||
line-height: 3.8rem;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data .data-origin-label {
|
||||
flex: 1;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* Color legend (square) */
|
||||
#datausage-tab .toggle-data li:before {
|
||||
content: "";
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
position: absolute;
|
||||
border: solid 0.1rem #979797;
|
||||
left: 0.5rem;
|
||||
right: 0.5rem;
|
||||
top: 50%;
|
||||
margin: -0.9rem 0 0;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li:first-child:before {
|
||||
background: #975177 url(../images/app/ui/datausage/pattern-3g.png) repeat left top;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li:last-child:before {
|
||||
background-color: #d4e073;
|
||||
}
|
||||
|
||||
/* Disabled state */
|
||||
#datausage-tab .toggle-data li[aria-disabled=true]:before {
|
||||
background: #d4d2d2;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li .overview {
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
padding: 0 0.8rem;
|
||||
}
|
||||
|
||||
#datausage-tab .toggle-data li[aria-disabled=true] .overview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* APPS */
|
||||
#datausage-tab #app-usage-no-data {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
padding-inline-start: 3rem;
|
||||
padding-inline-end: 3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-item {
|
||||
padding: 1.9rem 0 0 0;
|
||||
}
|
||||
|
||||
#datausage-tab .app-item > a {
|
||||
display: flex;
|
||||
overflow: auto;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#datausage-tab .app-image {
|
||||
padding: 1.1rem 1.3rem 1.1rem 1.3rem;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-info {
|
||||
flex: 1;
|
||||
margin-inline-end: 5.4rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-info-row {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#datausage-tab .app-name {
|
||||
color: #000;
|
||||
text-indent: -0.2rem;
|
||||
padding: 0;
|
||||
font-size: 1.9rem;
|
||||
line-height: 1;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-bar {
|
||||
height: 0.3rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
padding: 0;
|
||||
background-color: #e7e7e7;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-bar-used {
|
||||
background-color: #00caf2;
|
||||
height: 0.3rem;
|
||||
}
|
||||
|
||||
#datausage-tab .app-usage-total {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 500;
|
||||
color: #5f5f5f;
|
||||
}
|
||||
40
gaia/apps/costcontrol/style/views/firsttime.css
Executable file
40
gaia/apps/costcontrol/style/views/firsttime.css
Executable file
|
|
@ -0,0 +1,40 @@
|
|||
/* FIRST TIME EXPERIENCE VIEW */
|
||||
|
||||
#firsttime-view, #firsttime-view .view {
|
||||
top: 0;
|
||||
transform: translate(0, 0);
|
||||
transition: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
|
||||
#firsttime-view .view[data-viewport="right"] {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
/* Content */
|
||||
#firsttime-view .content:not(gaia-header) {
|
||||
padding: 0;
|
||||
margin-top: 1.5rem;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* Wrapper with scroll */
|
||||
#firsttime-view section.content {
|
||||
-moz-box-sizing: border-box;
|
||||
/* window height - header height - gaia-buttons height - content top margin */
|
||||
max-height: calc(100% - 5rem - 7rem - 1.5rem);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
#firsttime-view .content h2 {
|
||||
font-size: 1.9rem;
|
||||
margin-bottom: 1.6rem;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
padding: 2rem 3rem 0;
|
||||
}
|
||||
|
||||
#firsttime-view .content > p {
|
||||
font-size: 1.6rem;
|
||||
padding: 0 3rem;
|
||||
}
|
||||
35
gaia/apps/costcontrol/style/views/settings.css
Executable file
35
gaia/apps/costcontrol/style/views/settings.css
Executable file
|
|
@ -0,0 +1,35 @@
|
|||
/* TOPUP VIEW */
|
||||
#settings-view {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#settings-view .view-scroll {
|
||||
top: 5rem;
|
||||
bottom: 1rem;
|
||||
}
|
||||
|
||||
#settings-view.view {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* low limit */
|
||||
.low-limit-container {
|
||||
padding-top: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.low-limit-container input {
|
||||
margin-inline-end: 1rem;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.low-limit-container span {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* Settings view data usage */
|
||||
#wifi-data-usage {
|
||||
line-height: 20px;
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
}
|
||||
63
gaia/apps/costcontrol/style/views/telephony.css
Executable file
63
gaia/apps/costcontrol/style/views/telephony.css
Executable file
|
|
@ -0,0 +1,63 @@
|
|||
/* TELEPHONY VIEW */
|
||||
#reset-date {
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#telephony-tab li {
|
||||
border-bottom: solid 0.1rem #e0e0dd;
|
||||
font-size: 1.6rem;
|
||||
line-height: 1.6rem;
|
||||
padding: 1.2rem 0 1.2rem 1.5rem;
|
||||
margin-inline-start: 1.5rem;
|
||||
margin-inline-end: 1.5rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 3.6rem;
|
||||
}
|
||||
|
||||
#telephony-time,
|
||||
#billing-cycle {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#billing-cycle time,
|
||||
#telephony-tab li .meta {
|
||||
font-size: 1.4rem;
|
||||
color: #505859;
|
||||
}
|
||||
|
||||
#telephony-tab li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#reset-date {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 600;
|
||||
text-align: end;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#telephony-tab li dl {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#telephony-tab li dd {
|
||||
flex: 1 1 50%;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 600;
|
||||
text-align: end;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#telephony-tab li dd sub {
|
||||
font-size: 1.4rem;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#telephony-tab li dt {
|
||||
color: #505859;
|
||||
flex: 0 0 50%;
|
||||
}
|
||||
20
gaia/apps/costcontrol/style/views/timestamp-highlights.css
Executable file
20
gaia/apps/costcontrol/style/views/timestamp-highlights.css
Executable file
|
|
@ -0,0 +1,20 @@
|
|||
|
||||
.first-third {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
|
||||
.second-third {
|
||||
color: #858585;
|
||||
}
|
||||
|
||||
.third-third {
|
||||
color: #5f5f5f;
|
||||
}
|
||||
|
||||
.yesterday {
|
||||
color: #4d4d4d;
|
||||
}
|
||||
|
||||
.before {
|
||||
color: #333333;
|
||||
}
|
||||
55
gaia/apps/costcontrol/style/views/topup.css
Executable file
55
gaia/apps/costcontrol/style/views/topup.css
Executable file
|
|
@ -0,0 +1,55 @@
|
|||
/* TOPUP VIEW */
|
||||
#topup-dialog {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#topup-dialog form {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#topup-dialog form input {
|
||||
text-align: end;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
font-size: 2.5rem;
|
||||
height: 3.8rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info h2 {
|
||||
font-size: 1.8rem;
|
||||
line-height: 1em;
|
||||
font-weight: normal;
|
||||
text-align: start;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info p {
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.3em;
|
||||
color: #505859;
|
||||
text-align: start;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading progress {
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
#topup-dialog .content .info .loading p {
|
||||
padding-top: 0.8rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
Loading…
Reference in a new issue