Comments (4)
This issue is still happening which effects using it on an Ionic App with iOS. Any updates please?
from ionic3-components.
@UsherNet I would just do it yourself. I had good results with rxjs.
from ionic3-components.
@UsherNet I would just do it yourself. I had good results with rxjs.
@kdbeall Please can you share your solution ? Thanks!
from ionic3-components.
I modified the CSS until I got it working:
`.radial-progress {
$circle-size: 250px;
$circle-background: #d6dadc;
$circle-color: seagreen;
$inset-size: 180px;
$inset-color: #fbfbfb;
$transition-length: 1s;
$shadow: 6px 6px 10px rgba(0,0,0,0.2);
$percentage-color: seagreen;
$percentage-font-size: 28px;
margin: 50px;
width: $circle-size;
height: $circle-size;
background-color: $circle-background;
border-radius: 50%;
.circle {
.fill,
.mask,
.shadow {
width: $circle-size;
height: $circle-size;
position: absolute;
border-radius: 70%;
}
.shadow {
box-shadow: $shadow inset;
}
.fill,
.mask {
// backface-visibility: hidden;
// transition: transform $transition-length;
//-webkit-transition: -webkit-transform $transition-length;
border-radius: 50%;
}
.mask {
clip: rect(0px, $circle-size, $circle-size, $circle-size/2);
.fill {
clip: rect(0px, $circle-size/2, $circle-size, 0px);
background-color: $circle-color;
}
}
}
.inset {
width: $inset-size;
height: $inset-size;
position: absolute;
margin-left: ($circle-size - $inset-size)/2;
margin-top: ($circle-size - $inset-size)/2;
background-color: $inset-color;
border-radius: 50%;
box-shadow: $shadow;
.percentage {
width: 100%;
position: absolute;
top: ($inset-size - $percentage-font-size) / 2;
line-height: 1;
text-align: center;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: $percentage-color;
font-weight: 800;
font-size: $percentage-font-size;
}
}
}`
from ionic3-components.
Related Issues (20)
- search issue.. my search bar is working properly but when data is empty i get error like core.js:1449 ERROR TypeError: Cannot read property 'DT_RowId' of undefined this code i am using with infinity scroll in ionic 3
- Remove google maps HOT 3
- App component calling twice
- Cant find documentation HOT 1
- "export 'DOCUMENT' was not found in '@angular/platform-browser' HOT 1
- Contribution to Angular and Ionic more recent
- Runtime error
- Question: Implementation Gotchas with Nav-in-Modal?
- ionic cordova platform add ios - encountered bad status code (400) for https://res.ionic.io/api/v1/transform
- Side menu menuToggle on browser
- Can you write a short tutorial on how to use these components in our own apps? HOT 1
- Timeline Formatting Bug
- How Do i close accordian if click on another accordian item. HOT 1
- Show / Hide Navar or Fab on scroll.
- Countdown don't worke.
- 请问该项目会升级ionic4吗 HOT 4
- slider login is not working properly in real device
- Flashcards Back does not show in iOS
- Online example out of sync with repo HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic3-components.