reverted John's commits, added labels and tweaked popups to act more dynamically
This commit is contained in:
Robin
parent
158fd6c281
commit
d872b42e31
|
|
@ -741,56 +741,9 @@ a#topbarmaximize {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingsmenu {
|
|
||||||
position:absolute;
|
|
||||||
top:40px;
|
|
||||||
right:20px;
|
|
||||||
width:400px;
|
|
||||||
height:135px;
|
|
||||||
z-index:500;
|
|
||||||
padding:10px;
|
|
||||||
border-radius:6px;
|
|
||||||
background:black;
|
|
||||||
background:rgba(0, 0, 0, 0.7);
|
|
||||||
color: #fff;
|
|
||||||
font-size:14px;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
#settingsmenu p {
|
|
||||||
margin: 5px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#embed {
|
|
||||||
display:none;
|
|
||||||
position:absolute;
|
|
||||||
top:40px;
|
|
||||||
font-size:14px;
|
|
||||||
width:400px;
|
|
||||||
right: 20px;
|
|
||||||
z-index: 500;
|
|
||||||
background-color: #000;
|
|
||||||
color: white;
|
|
||||||
background-color: rgb(0,0,0);
|
|
||||||
background-color: rgba(0,0,0,0.7);
|
|
||||||
padding: 10px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.right {
|
|
||||||
float:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
#embed input[type=text] {
|
|
||||||
width: 100%;
|
|
||||||
padding: 5px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
display:block;
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul#colorpickerswatches
|
ul#colorpickerswatches
|
||||||
{
|
{
|
||||||
padding-left: 3px;
|
padding-left: 3px;
|
||||||
|
|
@ -982,38 +935,6 @@ position: relative;
|
||||||
top: -5px;
|
top: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#importexport{
|
|
||||||
position:absolute;
|
|
||||||
top:40px;
|
|
||||||
font-size:14px;
|
|
||||||
width:450px;
|
|
||||||
right: 20px;
|
|
||||||
z-index: 500;
|
|
||||||
background-color: #000;
|
|
||||||
color: white;
|
|
||||||
background-color: rgb(0,0,0);
|
|
||||||
background-color: rgba(0,0,0,0.7);
|
|
||||||
padding: 10px;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
height:190px;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#import{
|
|
||||||
position:absolute;
|
|
||||||
width:240px;
|
|
||||||
left:10px;
|
|
||||||
line-height:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#export{
|
|
||||||
position:absolute;
|
|
||||||
width:180px;
|
|
||||||
right:10px;
|
|
||||||
line-height:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.exporttype{
|
.exporttype{
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
|
|
@ -1065,10 +986,6 @@ position: relative;
|
||||||
background-position: 0px -459px;
|
background-position: 0px -459px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#export a{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#importstatusball{
|
#importstatusball{
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
@ -1141,10 +1058,6 @@ width:33px !important;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
label[for=readonlyinput] {
|
|
||||||
margin: 0 10px 0 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#qr_center {
|
#qr_center {
|
||||||
margin: 10px 10px auto 0;
|
margin: 10px 10px auto 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -1250,43 +1163,81 @@ label[for=readonlyinput] {
|
||||||
direction:RTL;
|
direction:RTL;
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingslocal{
|
#chattext p {
|
||||||
left:10px;
|
word-wrap: break-word;
|
||||||
position:absolute;
|
|
||||||
width:200px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingseveryone{
|
/* fix for misaligned labels */
|
||||||
position:absolute;
|
label {
|
||||||
right:10px;
|
position: relative;
|
||||||
width:200px;
|
bottom: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingsline{
|
.right {
|
||||||
border-left: 1px solid #fff;
|
float:right;
|
||||||
height: 110px;
|
|
||||||
position:absolute;
|
|
||||||
width:0px;
|
|
||||||
left:200px;
|
|
||||||
opacity:.8;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning{
|
.popup {
|
||||||
padding:10px;
|
font-size: 14px;
|
||||||
background-color:#FFA4A4;
|
width: 400px;
|
||||||
opacity:.8;
|
z-index: 500;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: #222;
|
||||||
|
background: rgba(0,0,0,.7);
|
||||||
|
background: -webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7) 35px, rgba(0,0,0,.6));
|
||||||
|
background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.7) 35px, rgba(0,0,0,.6));
|
||||||
|
box-shadow: 0 0 8px #888;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingseveryoneitems{
|
.popup input[type=text] {
|
||||||
display:none;
|
width: 100%;
|
||||||
|
padding: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
display:block;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#settingswarning{
|
.popup a {
|
||||||
cursor: pointer;
|
text-decoration: none;
|
||||||
-webkit-user-select: none;
|
|
||||||
-khtml-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
-o-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.popup h1 {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.popup h2 {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.popup p {
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left_popup {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right_popup {
|
||||||
|
float: left;
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settingsmenu, #importexport, #embed {
|
||||||
|
position: absolute;
|
||||||
|
top: 55px;
|
||||||
|
right: 20px;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#settingsmenu .right_menu {
|
||||||
|
float:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.note {
|
||||||
|
color: #ddd;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -451,10 +451,6 @@ var pad = {
|
||||||
|
|
||||||
$("#widthprefcheck").click(pad.toggleWidthPref);
|
$("#widthprefcheck").click(pad.toggleWidthPref);
|
||||||
$("#sidebarcheck").click(pad.toggleSidebar);
|
$("#sidebarcheck").click(pad.toggleSidebar);
|
||||||
$("#settingswarning").click(function(){
|
|
||||||
$("#settingswarning").hide();
|
|
||||||
$("#settingseveryoneitems").show();
|
|
||||||
});
|
|
||||||
|
|
||||||
pad.myUserInfo = {
|
pad.myUserInfo = {
|
||||||
userId: clientVars.userId,
|
userId: clientVars.userId,
|
||||||
|
|
|
||||||
|
|
@ -139,18 +139,21 @@
|
||||||
<div id="editorloadingbox">Loading...</div>
|
<div id="editorloadingbox">Loading...</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="settingsmenu">
|
<div id="settingsmenu" class="popup">
|
||||||
<h3>Pad settings</h3>
|
<h1>Pad settings</h1>
|
||||||
<div id="settingslocal">
|
<div class="left_popup">
|
||||||
<h4>My view only</h4>
|
<h2>My view</h2>
|
||||||
<p>
|
<p>
|
||||||
<input type="checkbox" id="options-stickychat" onClick="chat.stickToScreen();"> Chat always on screen
|
<input type="checkbox" id="options-stickychat" onClick="chat.stickToScreen();">
|
||||||
|
<label for="options-stickychat">Chat always on screen</label>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<input type="checkbox" id="options-colorscheck" checked> Authorship colors
|
<input type="checkbox" id="options-colorscheck" checked>
|
||||||
|
<label for="options-colorscheck">Authorship colors</label>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<input type="checkbox" id="options-linenoscheck" checked> Line numbers
|
<input type="checkbox" id="options-linenoscheck" checked>
|
||||||
|
<label for="options-linenoscheck">Line numbers</label>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Font type:
|
Font type:
|
||||||
|
|
@ -159,21 +162,17 @@
|
||||||
<option value="monospace">Monospaced</option>
|
<option value="monospace">Monospaced</option>
|
||||||
</select>
|
</select>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div id="settingsline"></div>
|
<div class="right_popup">
|
||||||
<div id="settingseveryone">
|
<h2>Global view</h2>
|
||||||
<h4>Everyones view</h4>
|
<p>Currently nothing.</p>
|
||||||
<p><div id=settingswarning class=warning>Warning:<br/>These options affect everyone viewing this pad.</div></p>
|
<p class="note">These options affect everyone viewing this pad.</p>
|
||||||
<div id="settingseveryoneitems">There are no settings currently available to alter everyones view</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="importexport">
|
<div id="importexport" class="popup">
|
||||||
<div id="import">
|
<div class="left_popup">
|
||||||
<h3>Import/Export</h3>
|
<h2>Import from text file, HTML, PDF, Word, ODT or RTF</h2><br>
|
||||||
Import from text file, HTML, PDF, Word, ODT or RTF:
|
|
||||||
<br><br>
|
|
||||||
<form id="importform" method="post" action="" target="importiframe" enctype="multipart/form-data">
|
<form id="importform" method="post" action="" target="importiframe" enctype="multipart/form-data">
|
||||||
<div class="importformdiv" id="importformfilediv">
|
<div class="importformdiv" id="importformfilediv">
|
||||||
<input type="file" name="file" size="15" id="importfileinput">
|
<input type="file" name="file" size="15" id="importfileinput">
|
||||||
|
|
@ -190,9 +189,8 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div id="importexportline"></div>
|
<div class="right_popup">
|
||||||
<div id="export">
|
<h2>Export current pad as</h2>
|
||||||
Export current pad as:
|
|
||||||
<a id="exporthtmla" target="_blank" class="exportlink"><div class="exporttype" id="exporthtml">HTML</div></a>
|
<a id="exporthtmla" target="_blank" class="exportlink"><div class="exporttype" id="exporthtml">HTML</div></a>
|
||||||
<a id="exportplaina" target="_blank" class="exportlink"><div class="exporttype" id="exportplain">Plain text</div></a>
|
<a id="exportplaina" target="_blank" class="exportlink"><div class="exporttype" id="exportplain">Plain text</div></a>
|
||||||
<a id="exportworda" target="_blank" class="exportlink"><div class="exporttype" id="exportword">Microsoft Word</div></a>
|
<a id="exportworda" target="_blank" class="exportlink"><div class="exporttype" id="exportword">Microsoft Word</div></a>
|
||||||
|
|
@ -203,21 +201,24 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="embed">
|
<div id="embed" class="popup">
|
||||||
<div id="embedreadonly" class="right">
|
<div id="embedreadonly" class="right">
|
||||||
<input type="checkbox" id="readonlyinput" onClick="padeditbar.setEmbedLinks();"> Read only
|
<input type="checkbox" id="readonlyinput" onClick="padeditbar.setEmbedLinks();">
|
||||||
|
<label for="readonlyinput">Read only</label>
|
||||||
</div>
|
</div>
|
||||||
<h3>Share this pad</h3>
|
<h1>Share this pad</h1>
|
||||||
<div id="linkcode">
|
<div id="linkcode">
|
||||||
<label for="linkinput">Link</label><input id="linkinput" type="text" value="">
|
<h2>Link</h2>
|
||||||
|
<input id="linkinput" type="text" value="">
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div id="embedcode">
|
<div id="embedcode">
|
||||||
<label for="embedinput">Embed URL</label><input id="embedinput" type="text" value="">
|
<h2>Embed URL</h2>
|
||||||
|
<input id="embedinput" type="text" value="">
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div id="qrcode">
|
<div id="qrcode">
|
||||||
<label for="embedreadonlyqr">QR code</label><br/>
|
<h2>QR code</h2>
|
||||||
<div id="qr_center"><img id="embedreadonlyqr"></div>
|
<div id="qr_center"><img id="embedreadonlyqr"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue