novarobot
/
webperl-for
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Design updates

Browse Source 
e.g. no more hover stuff (not good for mobile)
master
Hauke D 7 years ago
parent f03b6a93e6
commit c0021d8214
2 changed files with 26 additions and 36 deletions
Show Stats Download Patch File Download Diff File

26
web/democode/perleditor.css
Unescape Escape View File

@ -22,7 +22,7 @@ pre {
} }
.codewithfn { .codewithfn {
margin-top: 0.1em; margin-top: 0.4em;
} }
.fnfuncs { .fnfuncs {
cursor: default; cursor: default;
@ -35,11 +35,10 @@ pre {
cursor: auto; cursor: auto;
} }
.filefuncs { .filefuncs {
display: none;
margin-left: 1em;
}
.fnfuncs:hover .filefuncs {
display: inline-block; display: inline-block;
padding-top: 2px;
position: absolute;
right: 0.2em;
} }
.fakelink { .fakelink {
color: darkblue; color: darkblue;
@ -54,22 +53,11 @@ pre {
#misctools { #misctools {
display: inline-block; display: inline-block;
border: 1px solid grey; border: 1px solid grey;
padding: 1px 0.5em; padding: 1px 0.8em 1px 0.5em;
margin-top: 1px; margin-top: 0.5em;
margin-right: 3px;
color: grey;
}
#misctools_reveal {
display: none;
}
#misctools:hover {
color: inherit;
}
#misctools:hover #misctools_reveal {
display: inline-block;
} }
#runnerstate { #runnerstate {
margin-top: 0.1em; margin-top: 0.2em;
margin-bottom: 0.3em; margin-bottom: 0.3em;
} }
#runnererrors { #runnererrors {

36
web/democode/perleditor.html
Unescape Escape View File

@ -206,7 +206,7 @@ function makeCodeWithFn (fn,targ,ro,isscript) {
$('<span/>',{class:"fakelink",text:"Cancel"}) $('<span/>',{class:"fakelink",text:"Cancel"})
.click(function () { conf.hide(); }), .click(function () { conf.hide(); }),
); );
$('<span/>',{class:"fakelink",text:"delete"}) $('<span/>',{class:"fakelink",text:"Delete"})
.appendTo(filefuncs).click(function () { .appendTo(filefuncs).click(function () {
conf.show(); conf.show();
}); });
@ -410,22 +410,8 @@ $(function () {
<input type="text" id="argv" class="code" value='perl' /> <input type="text" id="argv" class="code" value='perl' />
</div> </div>
<div class="text"> <div id="runnerstate" class="text">
<textarea id="pageurl" style="display:none;"></textarea> Loading...
<div id="misctools">
Tools
<div id="misctools_reveal">
&nbsp;
<span id="addscript" class="fakelink" style="display:none;">Add Script</span>
&nbsp;
<span id="addinput" class="fakelink">Add Input File</span>
&nbsp;
<span id="addoutput" class="fakelink">Add Output File</span>
&nbsp;
<span id="copyurl" class="fakelink">Copy Frame URL</span>
</div>
</div>
<span id="runnerstate">Loading...</span>
</div> </div>
<div id="runnererrors" style="display:none;"> <div id="runnererrors" style="display:none;">
@ -444,5 +430,21 @@ $(function () {
<div id="outputhere" style="display:none;"></div> <div id="outputhere" style="display:none;"></div>
<div class="text">
<textarea id="pageurl" style="display:none;"></textarea>
<div id="misctools">
Tools
&nbsp;
<span id="addscript" class="fakelink" style="display:none;">Add Script</span>
&nbsp;
<span id="addinput" class="fakelink">Add Input File</span>
&nbsp;
<span id="addoutput" class="fakelink">Add Output File</span>
&nbsp;
<span id="copyurl" class="fakelink">Copy Frame URL</span>
</div>
</div>
</div>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save