Member 12956844 Ответов: 0

Как получить<body & gt; height, чтобы уменьшить размер div при возврате обратно на экран, после того как он был расширен при переходе на другой экран?

Working on a Chrome extension using AngularJS

When extension button first clicked : <a href="https://postimg.org/image/86pqknw4h/">whenExtButtonIsClicked — Postimage.org</a>[<a href="https://postimg.org/image/86pqknw4h/" target="_blank" title="New Window">^</a>] 

Navigated to settings screen : <a href="https://postimg.org/image/j4wep3vc1/">settings — Postimage.org</a>[<a href="https://postimg.org/image/j4wep3vc1/" target="_blank" title="New Window">^</a>] 

[ISSUE] when navigated from settings back to home screen : <a href="https://postimg.org/image/hbti0sa5d/">backFromSettings — Postimage.org</a>[<a href="https://postimg.org/image/hbti0sa5d/" target="_blank" title="New Window">^</a>] 


How can I get the body to shrink to fit around just the card div? (Like the first image link)

What I have tried:

<pre lang="CSS">html {
 height:auto;
}

body {
 min-width:300px;
 background-color:#ff9900;
 height:auto;
}
.card {
 will-change: transform;
 margin: 10px;
 position: relative;
 border-radius: 2px;
 background-color: #fafafa;
 -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
 box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
 border-radius: 10px;
 overflow:auto;
}

Nathan Minier

Если вы правильно заменяете innerHTML, это должно произойти само по себе. HTML-элемент не имеет памяти о предыдущем содержимом, и если вы не полностью настраиваете свои элементы, поток должен быть повторно визуализирован при изменении содержимого.

0 Ответов