jquery - How to prevent a background gradient from starting all over? -


i have simple web site articles/cards on it. background use gradient.

body, html {     height:100%;     padding:10px 0 0 0;     margin:0;     background: #99b8cc;     background: linear-gradient(to top, #c8dae6 33%, #99b8cc 100%);     font-family:'open sans', sans-serif;     height: 1000px;     max-width: 1000px;     /*overflow-y: scroll;*/ } 

it's fine! upon clicking on card, expands, increases overall page height. when reaching "first 100% height", background gradient starts on again.

enter image description here

how can prevent starting on again? gradient should use "new" 100% page height.

jquery used on page, if helps.

your height first defined 100%, after, redefine height: 1000px;, , override first one.

just remove height: 1000px; solve that.

or maybe, need rule: min-height: 1000px; (instead of height: 1000px;) depending on trying do.


Comments

Popular posts from this blog

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

javascript - Restarting Supervisor and effect on FlaskSocketIO -

php - Mongodb connectivity error -