notazof/yavsc
1
1
Fork 0
Code Issues 1 Pull requests 1 Projects 2 Releases 9 Packages Wiki Activity Actions

Use a "zoom-in" mouse cursor suggest the panel fixing.

Browse source
This commit is contained in:
Paul Schneider 2015-03-05 11:31:47 +01:00
commit b578f6c623
2 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
web/Models/App.master
View file

@ -85,7 +85,10 @@
</script> <script> </script> <script>
$( ".bshd" ).on("click",function(e) { $( ".bshd" ).on("click",function(e) {
if (e.target == "[object HTMLElement]") { if (e.target == "[object HTMLElement]") {
$(this).children(".bshpanel").toggleClass("hidden"); var panel = $(this).children(".bshpanel");
if (panel.hasClass("hidden")) panel.css("cursor","zoom-out");
else panel.css("cursor","zoom-in");
panel.toggleClass("hidden");
$(this).children(".bsh").toggleClass("hidden"); $(this).children(".bsh").toggleClass("hidden");
} }); } });
</script> </script>

4
web/Theme/style.css
View file

@ -28,7 +28,10 @@ main {
border-radius:5px; border: solid 1px #000060; border-radius:5px; border: solid 1px #000060;
float: right; float: right;
} }
.bsh { float: right; } .bsh { float: right; }
video,img { video,img {
max-width:100%; max-width:100%;
max-height:75%; max-height:75%;
@ -184,6 +187,7 @@ padding-left: 20px;
} }
@media all and (max-width: 640px) { @media all and (max-width: 640px) {
.bshpanel { cursor:zoom-in; }
.bshd:hover > .bshpanel { .bshd:hover > .bshpanel {
display: block; display: block;