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
140
overrides/costcontrol.gaiamobile.org/style/views/balance.css
Normal file
140
overrides/costcontrol.gaiamobile.org/style/views/balance.css
Normal 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: image-set(url("./../images/app/icons/warning.png") 1x, url("../images/app/icons/warning@1.5x.png") 1.5x, url("../images/app/icons/warning@2x.png") 2x, url("../images/app/icons/warning@2.25x.png") 2.25x) 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;
|
||||
}
|
||||
147
overrides/costcontrol.gaiamobile.org/style/views/datausage.css
Normal file
147
overrides/costcontrol.gaiamobile.org/style/views/datausage.css
Normal 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 image-set(url("../images/app/ui/datausage/pattern-3g.png") 1x, url("../images/app/ui/datausage/pattern-3g@1.5x.png") 1.5x, url("../images/app/ui/datausage/pattern-3g@2x.png") 2x, url("../images/app/ui/datausage/pattern-3g@2.25x.png") 2.25x) 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;
|
||||
}
|
||||
Loading…
Reference in a new issue