mirror of
https://github.com/onionshare/onionshare.git
synced 2025-03-21 05:06:34 -04:00
improved GUI layout, so there is less word-wrapping of long strings of hex
This commit is contained in:
Micah Lee
parent
86d835f291
commit
6547b01bb5
Binary file not shown.
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 4.5 KiB |
@ -1,66 +1,59 @@
|
||||
body {
|
||||
color: #000000;
|
||||
font-family: arial;
|
||||
width: 520px;
|
||||
width: 550px;
|
||||
height: 400px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: 520px;
|
||||
width: 550px;
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
#metadata {
|
||||
float: left;
|
||||
width: 200px;
|
||||
height: 380px;
|
||||
#header {
|
||||
height: 80px;
|
||||
padding: 10px;
|
||||
background-color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
#metadata #basename {
|
||||
#header #logo {
|
||||
float: left;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#header #header-content {
|
||||
float: left;
|
||||
width: 440px;
|
||||
height: 80px;
|
||||
}
|
||||
#header #header-content #basename {
|
||||
font-family: sans-serif;
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin: 10px 0;
|
||||
padding: 5px;
|
||||
color: #000000;
|
||||
word-break: break-all;
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #f0f0f0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
#metadata #filesize,
|
||||
#metadata #filehash {
|
||||
margin-bottom: 10px;
|
||||
#header #header-content #filesize,
|
||||
#header #header-content #filehash {
|
||||
margin-top: 5px;
|
||||
word-break: break-all;
|
||||
text-align: left;
|
||||
color: #666666;
|
||||
display: none;
|
||||
}
|
||||
#metadata .label {
|
||||
#header #header-content .label {
|
||||
font-size: 12px;
|
||||
}
|
||||
#metadata .value {
|
||||
#header #header-content .value {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
#metadata #close-on-finish-wrapper {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#metadata #close-on-finish-wrapper input {
|
||||
cursor: pointer;
|
||||
}
|
||||
#metadata #close-on-finish-wrapper label {
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
ul#log {
|
||||
float: left;
|
||||
width: 299px;
|
||||
height: 400px;
|
||||
height: 258px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
@ -68,12 +61,13 @@ ul#log {
|
||||
overflow: auto;
|
||||
word-wrap: break-word;
|
||||
font-family: monospace;
|
||||
border-left: 1px solid #000000;
|
||||
border-top: 1px solid #000000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
ul#log li {
|
||||
margin: 10px;
|
||||
margin: 0 10px;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #aaaaaa;
|
||||
border-bottom: 1px solid #cccccc;
|
||||
}
|
||||
ul#log .weblog {
|
||||
color: #009900;
|
||||
@ -103,6 +97,29 @@ ul#log #close-countdown {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 20px;
|
||||
padding: 10px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#footer #close-on-finish-wrapper {
|
||||
float: left;
|
||||
}
|
||||
#footer #close-on-finish-wrapper input {
|
||||
cursor: pointer;
|
||||
}
|
||||
#footer #close-on-finish-wrapper label {
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
#footer #copy-button-wrapper {
|
||||
float: right;
|
||||
}
|
||||
#footer #copy-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.button {
|
||||
-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
|
||||
-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
|
||||
@ -142,10 +159,3 @@ ul#log #close-countdown {
|
||||
background-color:#7c16cb;
|
||||
}
|
||||
|
||||
#button-wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
#copy-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@ -5,23 +5,18 @@
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<div id="metadata">
|
||||
<div id="header">
|
||||
<img id="logo" src="static/logo.png" />
|
||||
<div id="basename"></div>
|
||||
<div id="filesize">
|
||||
<span class="label"></span>
|
||||
<span class="value"></span>
|
||||
</div>
|
||||
<div id="filehash">
|
||||
<span class="label"></span>
|
||||
<span class="value"></span>
|
||||
</div>
|
||||
<div id="close-on-finish-wrapper">
|
||||
<input type="checkbox" id="close-on-finish" name="close-on-finish" checked />
|
||||
<label for="close-on-finish"></span>
|
||||
</div>
|
||||
<div id="button-wrapper">
|
||||
<button class="button" id="copy-button">Copy URL</button>
|
||||
<div id="header-content">
|
||||
<div id="basename"></div>
|
||||
<div id="filehash">
|
||||
<span class="label"></span>
|
||||
<span class="value"></span>
|
||||
</div>
|
||||
<div id="filesize">
|
||||
<span class="label"></span>
|
||||
<span class="value"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -31,7 +26,19 @@
|
||||
<p class="calculating"></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div id="footer">
|
||||
<div id="close-on-finish-wrapper">
|
||||
<input type="checkbox" id="close-on-finish" name="close-on-finish" checked />
|
||||
<label for="close-on-finish"></span>
|
||||
</div>
|
||||
<div id="copy-button-wrapper">
|
||||
<button class="button" id="copy-button">Copy URL</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<script src="static/jquery-1.11.1.min.js"></script>
|
||||
<script src="static/helpers.js"></script>
|
||||
<script src="static/onionshare.js"></script>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user