changed css to fit any window size

This commit is contained in:
Micah Lee 2014-06-19 17:51:17 -04:00
parent f3e31cab31
commit f18543d7c7
3 changed files with 21 additions and 10 deletions

View File

@ -52,7 +52,6 @@ def start_webapp(webapp_port, onionshare_port, filename, onion_host):
def launch_window(webapp_port, onionshare_port, basename): def launch_window(webapp_port, onionshare_port, basename):
def shutdown(): def shutdown():
print 'shutting down'
onionshare.tails_close_port(onionshare_port) onionshare.tails_close_port(onionshare_port)
onionshare.tails_close_port(webapp_port) onionshare.tails_close_port(webapp_port)

View File

@ -1,15 +1,20 @@
html, body {
height: 100%;
}
body { body {
color: #000000; color: #000000;
font-family: arial; font-family: arial;
width: 550px;
height: 400px;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f0f0f0;
min-width: 550px;
min-height: 300px;
} }
#wrapper { #wrapper {
width: 550px; position: relative;
height: 400px; height: 100%;
} }
#header { #header {
@ -53,15 +58,12 @@ body {
} }
ul#log { ul#log {
height: 258px;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
background-color: #f0f0f0;
overflow: auto; overflow: auto;
word-wrap: break-word; word-wrap: break-word;
font-family: monospace; font-family: monospace;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
} }
ul#log li { ul#log li {
@ -98,12 +100,17 @@ ul#log #close-countdown {
} }
#footer { #footer {
position: absolute;
bottom: 0;
height: 20px; height: 20px;
padding: 10px;
background-color: #ffffff; background-color: #ffffff;
padding: 10px 0;
width: 100%;
border-top: 1px solid #000000;
} }
#footer #close-on-finish-wrapper { #footer #close-on-finish-wrapper {
float: left; float: left;
margin-left: 5px;
} }
#footer #close-on-finish-wrapper input { #footer #close-on-finish-wrapper input {
cursor: pointer; cursor: pointer;
@ -115,6 +122,8 @@ ul#log #close-countdown {
#footer #copy-button-wrapper { #footer #copy-button-wrapper {
float: right; float: right;
margin-right: 5px;
margin-top: -3px;
} }
#footer #copy-button { #footer #copy-button {
display: none; display: none;
@ -159,3 +168,6 @@ ul#log #close-countdown {
background-color:#7c16cb; background-color:#7c16cb;
} }
.clear {
clear: both;
}

View File

@ -35,7 +35,7 @@
<div id="copy-button-wrapper"> <div id="copy-button-wrapper">
<button class="button" id="copy-button">Copy URL</button> <button class="button" id="copy-button">Copy URL</button>
</div> </div>
<div class="clear"></div>
</div> </div>
</ul> </ul>