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:
Scott Nonnenberg 2018-03-06 18:27:49 -08:00 committed by Scott Nonnenberg
parent 383e02edc4
commit 2ffabdcdd9
No known key found for this signature in database
GPG key ID: 5F82280C35134661
2 changed files with 15 additions and 5 deletions

View file

@ -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 }}'>

View file

@ -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 {