Ion Refresher Background color wont change ionic The Next CEO of Stack OverflowChanging background color of Ionic list item on hover in CSSChange ion-view header color in ionicHow to render ion-refresher icon while refreshing the list?How to change ion-header colorIONIC 2: Background opacity affect to ion-content imagesIonic - Changing width of ion-searchbarChange ion-refresher & ion-infinite-scroll colorIonic 4 center ion grid within ion-contentHow to set background color IONIC 4Change ion-item background color in Ionic 4.0
How do scammers retract money, while you can’t?
Example of a Mathematician/Physicist whose Other Publications during their PhD eclipsed their PhD Thesis
How to start emacs in "nothing" mode (`fundamental-mode`)
What can we do to stop prior company from asking us questions?
How do we know the LHC results are robust?
How easy is it to start Magic from scratch?
Whats the best way to handle refactoring a big file?
Grabbing quick drinks
How do I go from 300 unfinished/half written blog posts, to published posts?
Visit to the USA with ESTA approved before trip to Iran
Why does C# sound extremely flat when saxophone is tuned to G?
Which organization defines CJK Unified Ideographs?
India just shot down a satellite from the ground. At what altitude range is the resulting debris field?
Does it take more energy to get to Venus or to Mars?
How does practicing restraint and performing actions of merit purify the mind?
Why didn't Theresa May consult with Parliament before negotiating a deal with the EU?
How to make a variable always equal to the result of some calculations?
How to Reset Passwords on Multiple Websites Easily?
How should I support this large drywall patch?
Can I equip Skullclamp on a creature I am sacrificing?
How to use tikz in fbox?
How did people program for Consoles with multiple CPUs?
Can the Reverse Gravity spell affect the Meteor Swarm spell?
Why doesn't a table tennis ball float on the surface? How do we calculate buoyancy here?
Ion Refresher Background color wont change ionic
The Next CEO of Stack OverflowChanging background color of Ionic list item on hover in CSSChange ion-view header color in ionicHow to render ion-refresher icon while refreshing the list?How to change ion-header colorIONIC 2: Background opacity affect to ion-content imagesIonic - Changing width of ion-searchbarChange ion-refresher & ion-infinite-scroll colorIonic 4 center ion grid within ion-contentHow to set background color IONIC 4Change ion-item background color in Ionic 4.0
I'm using an ionic refresher to refresh content on a page in my application. However, when I pull up the ion-refresher, background does not get fully set to the color I want.
This is a CSS class I'm applying to the ion-refresher:
ion-refresher
background-color: #dedede;
ion-refresher-content
background-color: #dedede;
And this it what the result looks like:
How do I remove the white gap between the ion refresher and the main content?
ionic-framework ionic4
edited Mar 21 at 22:14
kahveci
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
add a comment |
I'm using an ionic refresher to refresh content on a page in my application. However, when I pull up the ion-refresher, background does not get fully set to the color I want.
This is a CSS class I'm applying to the ion-refresher:
ion-refresher
background-color: #dedede;
ion-refresher-content
background-color: #dedede;
And this it what the result looks like:
How do I remove the white gap between the ion refresher and the main content?
ionic-framework ionic4
edited Mar 21 at 22:14
kahveci
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
add a comment |
I'm using an ionic refresher to refresh content on a page in my application. However, when I pull up the ion-refresher, background does not get fully set to the color I want.
This is a CSS class I'm applying to the ion-refresher:
ion-refresher
background-color: #dedede;
ion-refresher-content
background-color: #dedede;
And this it what the result looks like:
How do I remove the white gap between the ion refresher and the main content?
ionic-framework ionic4
edited Mar 21 at 22:14
kahveci
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
I'm using an ionic refresher to refresh content on a page in my application. However, when I pull up the ion-refresher, background does not get fully set to the color I want.
This is a CSS class I'm applying to the ion-refresher:
ion-refresher
background-color: #dedede;
ion-refresher-content
background-color: #dedede;
And this it what the result looks like:
How do I remove the white gap between the ion refresher and the main content?
ionic-framework ionic4
ionic-framework ionic4
edited Mar 21 at 22:14
kahveci
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
edited Mar 21 at 22:14
kahveci
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
edited Mar 21 at 22:14
kahveci
523315
edited Mar 21 at 22:14
kahveci
523315
edited Mar 21 at 22:14
kahveci
523315
523315
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
asked Mar 21 at 16:41
Jamie WoodsJamie Woods
12119
12119
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
When you pull up, one div was been created called fixed-content
For remove the gap just add .fixed-content in your .scss
Example:
.fixed-content
background:#dedede;
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
add a comment |
This is what got it working for me.
ion-refresher-content
padding-bottom: 100px;
background-color: #dedede;
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55285310%2fion-refresher-background-color-wont-change-ionic%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
When you pull up, one div was been created called fixed-content
For remove the gap just add .fixed-content in your .scss
Example:
.fixed-content
background:#dedede;
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
add a comment |
When you pull up, one div was been created called fixed-content
For remove the gap just add .fixed-content in your .scss
Example:
.fixed-content
background:#dedede;
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
add a comment |
When you pull up, one div was been created called fixed-content
For remove the gap just add .fixed-content in your .scss
Example:
.fixed-content
background:#dedede;
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
When you pull up, one div was been created called fixed-content
For remove the gap just add .fixed-content in your .scss
Example:
.fixed-content
background:#dedede;
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
answered Mar 21 at 18:32
Péttrin MirandaPéttrin Miranda
51111
51111
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
add a comment |
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
Thanks for the advice, I managed to get it working another way by adding padding-bottom to the ion-refresher-content which gave me the behaviour I wanted.
– Jamie Woods
Mar 22 at 13:02
add a comment |
This is what got it working for me.
ion-refresher-content
padding-bottom: 100px;
background-color: #dedede;
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
add a comment |
This is what got it working for me.
ion-refresher-content
padding-bottom: 100px;
background-color: #dedede;
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
add a comment |
This is what got it working for me.
ion-refresher-content
padding-bottom: 100px;
background-color: #dedede;
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
This is what got it working for me.
ion-refresher-content
padding-bottom: 100px;
background-color: #dedede;
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
answered Mar 22 at 13:05
Jamie WoodsJamie Woods
12119
12119
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55285310%2fion-refresher-background-color-wont-change-ionic%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
