Delete data screen: Remove scrollbar when no convo selected
Turns out that the welcome screen had a min-height which caused weird things when you take the window down to minimum height. It looked particularly bad with the new full-screen delete data confirmation screen.
This commit is contained in:
parent
383e02edc4
commit
2ffabdcdd9
2 changed files with 15 additions and 5 deletions
|
@ -85,6 +85,7 @@
|
||||||
<div class='conversation-stack'>
|
<div class='conversation-stack'>
|
||||||
<div class='conversation placeholder'>
|
<div class='conversation placeholder'>
|
||||||
<div class='conversation-header'></div>
|
<div class='conversation-header'></div>
|
||||||
|
<div class='container'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
<img src='images/icon_128.png' />
|
<img src='images/icon_128.png' />
|
||||||
<h3>{{ welcomeToSignal }}</h3>
|
<h3>{{ welcomeToSignal }}</h3>
|
||||||
|
@ -92,6 +93,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</script>
|
</script>
|
||||||
<script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
|
<script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
|
||||||
<button class='text {{ cssClass }}' alt='{{ moreBelow }}'>
|
<button class='text {{ cssClass }}' alt='{{ moreBelow }}'>
|
||||||
|
|
|
@ -247,8 +247,16 @@ input.search {
|
||||||
|
|
||||||
.conversation.placeholder {
|
.conversation.placeholder {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
.container {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.content {
|
.content {
|
||||||
padding: 100px 36px;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
|
Loading…
Reference in a new issue