diff --git a/dist/photoviewer.common.js b/dist/photoviewer.common.js index dcabdbd..92486fd 100644 --- a/dist/photoviewer.common.js +++ b/dist/photoviewer.common.js @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * diff --git a/dist/photoviewer.css b/dist/photoviewer.css index b9f4da7..44354c0 100644 --- a/dist/photoviewer.css +++ b/dist/photoviewer.css @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * @@ -262,183 +262,75 @@ cursor: ne-resize; } -:-webkit-full-screen { +.photoviewer-modal:-webkit-full-screen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:-webkit-full-screen .photoviewer-header, -:-webkit-full-screen .photoviewer-footer, -:-webkit-full-screen .photoviewer-resizable-handle { - display: none; -} -:-webkit-full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; background-color: black; -} - -:-moz-full-screen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; border-width: 0; border-radius: 0; } -:-moz-full-screen .photoviewer-header, -:-moz-full-screen .photoviewer-footer, -:-moz-full-screen .photoviewer-resizable-handle { - display: none; -} -:-moz-full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; - background-color: black; -} - -:-ms-fullscreen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:-ms-fullscreen .photoviewer-header, -:-ms-fullscreen .photoviewer-footer, -:-ms-fullscreen .photoviewer-resizable-handle { - display: none; -} -:-ms-fullscreen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; - background-color: black; -} -:full-screen { +.photoviewer-modal:-ms-fullscreen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:full-screen .photoviewer-header, -:full-screen .photoviewer-footer, -:full-screen .photoviewer-resizable-handle { - display: none; -} -:full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; background-color: black; -} - -:-webkit-full-screen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; border-width: 0; border-radius: 0; } -:-ms-fullscreen { +.photoviewer-modal:fullscreen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} - -:fullscreen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; + background-color: black; border-width: 0; border-radius: 0; } -:-webkit-full-screen .photoviewer-header, :-webkit-full-screen .photoviewer-footer, :-webkit-full-screen .photoviewer-resizable-handle { +.photoviewer-modal:-webkit-full-screen .photoviewer-header, .photoviewer-modal:-webkit-full-screen .photoviewer-footer, .photoviewer-modal:-webkit-full-screen .photoviewer-resizable-handle { display: none; } -:-ms-fullscreen .photoviewer-header, :-ms-fullscreen .photoviewer-footer, :-ms-fullscreen .photoviewer-resizable-handle { +.photoviewer-modal:-ms-fullscreen .photoviewer-header, .photoviewer-modal:-ms-fullscreen .photoviewer-footer, .photoviewer-modal:-ms-fullscreen .photoviewer-resizable-handle { display: none; } -:fullscreen .photoviewer-header, -:fullscreen .photoviewer-footer, -:fullscreen .photoviewer-resizable-handle { +.photoviewer-modal:fullscreen .photoviewer-header, +.photoviewer-modal:fullscreen .photoviewer-footer, +.photoviewer-modal:fullscreen .photoviewer-resizable-handle { display: none; } -:-webkit-full-screen .photoviewer-stage { +.photoviewer-modal:-webkit-full-screen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; + background-color: transparent; } -:-ms-fullscreen .photoviewer-stage { +.photoviewer-modal:-ms-fullscreen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; + background-color: transparent; } -:fullscreen .photoviewer-stage { +.photoviewer-modal:fullscreen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; -} - -::backdrop { - background-color: black; -} - -::-ms-backdrop { - background-color: black; + background-color: transparent; } .is-grab { diff --git a/dist/photoviewer.esm.js b/dist/photoviewer.esm.js index a49b6cc..be3e395 100644 --- a/dist/photoviewer.esm.js +++ b/dist/photoviewer.esm.js @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * diff --git a/dist/photoviewer.js b/dist/photoviewer.js index 915f4a5..d63cbdc 100644 --- a/dist/photoviewer.js +++ b/dist/photoviewer.js @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * diff --git a/dist/photoviewer.min.css b/dist/photoviewer.min.css index 865a6d9..a7d7b38 100644 --- a/dist/photoviewer.min.css +++ b/dist/photoviewer.min.css @@ -5,12 +5,12 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * * Copyright (c) 2018-present nzbin * Released under MIT License - */.photoviewer-modal{position:absolute;z-index:1090;width:320px;height:320px;color:#333;background-color:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.6);border-radius:6px;box-shadow:0 2px 10px 2px rgba(0,0,0,.3);outline:none}.photoviewer-modal:focus-visible{outline:thick solid rgba(0,0,0,.2)}.photoviewer-inner{position:absolute;top:0;left:0;right:0;bottom:0}.photoviewer-maximized{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.photoviewer-maximized.photoviewer-modal{border-width:0;border-radius:0}.photoviewer-maximized .photoviewer-header{border-radius:0}.photoviewer-maximized .photoviewer-resizable-handle{display:none}.photoviewer-button{display:inline-block;min-width:40px;height:40px;box-sizing:border-box;font-size:16px;line-height:1;background:none;border-width:0;color:inherit;cursor:pointer;outline:none}.photoviewer-button:hover{color:#111}.photoviewer-button:focus{background-color:rgba(0,0,0,.1)}.photoviewer-button svg{display:inline-block;font-size:inherit;width:1em;height:1em;overflow:visible;vertical-align:-0.125em}.photoviewer-header{position:relative;z-index:2;height:30px;border-radius:5px 5px 0 0;overflow:hidden}.photoviewer-header .photoviewer-toolbar{float:right}[dir=rtl] .photoviewer-header .photoviewer-toolbar{float:left}.photoviewer-header .photoviewer-button{height:30px}.photoviewer-header .photoviewer-button:hover{background-color:rgba(0,0,0,.1)}.photoviewer-header .photoviewer-button-close:hover{color:#fff;background-color:#ff4545}.photoviewer-title{padding:8px 10px;font-size:14px;line-height:1;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.photoviewer-stage{position:absolute;top:30px;right:0;bottom:40px;left:0;z-index:1;border-top:1px solid rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.6);background-color:#fff;overflow:hidden}.photoviewer-image{position:absolute;display:inline-block;min-width:auto;max-width:none}.photoviewer-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;text-align:center}.photoviewer-align-center{text-align:center}.photoviewer-align-center::before{content:"";display:inline-block;height:100%;vertical-align:middle;overflow:hidden}.photoviewer-align-center .photoviewer-image{position:static;max-width:100%;max-height:100%;vertical-align:middle}.photoviewer-image-error{display:none}.photoviewer-error-msg{vertical-align:middle}[dir=rtl] .photoviewer-button-prev,[dir=rtl] .photoviewer-button-next{-ms-transform:rotate(180deg);transform:rotate(180deg)}.photoviewer-resizable-handle{position:absolute;z-index:10}.photoviewer-resizable-handle-e{top:0;right:-5px;bottom:0;left:auto;width:10px;cursor:e-resize}.photoviewer-resizable-handle-s{top:auto;right:0;bottom:-5px;left:0;height:10px;cursor:s-resize}.photoviewer-resizable-handle-w{top:0;right:auto;bottom:0;left:-5px;width:10px;cursor:w-resize}.photoviewer-resizable-handle-n{top:-5px;right:0;bottom:auto;left:0;height:10px;cursor:n-resize}.photoviewer-resizable-handle-se{top:auto;right:-5px;bottom:-5px;left:auto;width:10px;height:10px;cursor:se-resize}.photoviewer-resizable-handle-sw{top:auto;right:auto;bottom:-5px;left:-5px;width:10px;height:10px;cursor:sw-resize}.photoviewer-resizable-handle-nw{top:-5px;right:auto;bottom:auto;left:-5px;width:10px;height:10px;cursor:nw-resize}.photoviewer-resizable-handle-ne{top:-5px;right:-5px;bottom:auto;left:auto;width:10px;height:10px;cursor:ne-resize}:-webkit-full-screen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:-webkit-full-screen .photoviewer-header,:-webkit-full-screen .photoviewer-footer,:-webkit-full-screen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-moz-full-screen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:-moz-full-screen .photoviewer-header,:-moz-full-screen .photoviewer-footer,:-moz-full-screen .photoviewer-resizable-handle{display:none}:-moz-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-ms-fullscreen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:-ms-fullscreen .photoviewer-header,:-ms-fullscreen .photoviewer-footer,:-ms-fullscreen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:full-screen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:full-screen .photoviewer-header,:full-screen .photoviewer-footer,:full-screen .photoviewer-resizable-handle{display:none}:full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-webkit-full-screen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:-ms-fullscreen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:fullscreen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(0,0,0,0);border-width:0;border-radius:0}:-webkit-full-screen .photoviewer-header, :-webkit-full-screen .photoviewer-footer, :-webkit-full-screen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-header, :-ms-fullscreen .photoviewer-footer, :-ms-fullscreen .photoviewer-resizable-handle{display:none}:fullscreen .photoviewer-header,:fullscreen .photoviewer-footer,:fullscreen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}::backdrop{background-color:#000}::-ms-backdrop{background-color:#000}.is-grab{cursor:move;cursor:grab}.is-grabbing{cursor:move;cursor:grabbing}.photoviewer-loader{position:absolute;top:30px;left:0;right:0;bottom:40px;z-index:2;text-align:center;color:#333}.photoviewer-loader::before{content:"";position:relative;display:inline-block;width:36px;height:36px;box-sizing:border-box;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(255,255,255,.5);border-radius:100%;vertical-align:middle;animation:photoviewerLoading 1s infinite linear}.photoviewer-loader::after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}@keyframes photoviewerLoading{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}} + */.photoviewer-modal{position:absolute;z-index:1090;width:320px;height:320px;color:#333;background-color:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.6);border-radius:6px;box-shadow:0 2px 10px 2px rgba(0,0,0,.3);outline:none}.photoviewer-modal:focus-visible{outline:thick solid rgba(0,0,0,.2)}.photoviewer-inner{position:absolute;top:0;left:0;right:0;bottom:0}.photoviewer-maximized{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.photoviewer-maximized.photoviewer-modal{border-width:0;border-radius:0}.photoviewer-maximized .photoviewer-header{border-radius:0}.photoviewer-maximized .photoviewer-resizable-handle{display:none}.photoviewer-button{display:inline-block;min-width:40px;height:40px;box-sizing:border-box;font-size:16px;line-height:1;background:none;border-width:0;color:inherit;cursor:pointer;outline:none}.photoviewer-button:hover{color:#111}.photoviewer-button:focus{background-color:rgba(0,0,0,.1)}.photoviewer-button svg{display:inline-block;font-size:inherit;width:1em;height:1em;overflow:visible;vertical-align:-0.125em}.photoviewer-header{position:relative;z-index:2;height:30px;border-radius:5px 5px 0 0;overflow:hidden}.photoviewer-header .photoviewer-toolbar{float:right}[dir=rtl] .photoviewer-header .photoviewer-toolbar{float:left}.photoviewer-header .photoviewer-button{height:30px}.photoviewer-header .photoviewer-button:hover{background-color:rgba(0,0,0,.1)}.photoviewer-header .photoviewer-button-close:hover{color:#fff;background-color:#ff4545}.photoviewer-title{padding:8px 10px;font-size:14px;line-height:1;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.photoviewer-stage{position:absolute;top:30px;right:0;bottom:40px;left:0;z-index:1;border-top:1px solid rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.6);background-color:#fff;overflow:hidden}.photoviewer-image{position:absolute;display:inline-block;min-width:auto;max-width:none}.photoviewer-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;text-align:center}.photoviewer-align-center{text-align:center}.photoviewer-align-center::before{content:"";display:inline-block;height:100%;vertical-align:middle;overflow:hidden}.photoviewer-align-center .photoviewer-image{position:static;max-width:100%;max-height:100%;vertical-align:middle}.photoviewer-image-error{display:none}.photoviewer-error-msg{vertical-align:middle}[dir=rtl] .photoviewer-button-prev,[dir=rtl] .photoviewer-button-next{-ms-transform:rotate(180deg);transform:rotate(180deg)}.photoviewer-resizable-handle{position:absolute;z-index:10}.photoviewer-resizable-handle-e{top:0;right:-5px;bottom:0;left:auto;width:10px;cursor:e-resize}.photoviewer-resizable-handle-s{top:auto;right:0;bottom:-5px;left:0;height:10px;cursor:s-resize}.photoviewer-resizable-handle-w{top:0;right:auto;bottom:0;left:-5px;width:10px;cursor:w-resize}.photoviewer-resizable-handle-n{top:-5px;right:0;bottom:auto;left:0;height:10px;cursor:n-resize}.photoviewer-resizable-handle-se{top:auto;right:-5px;bottom:-5px;left:auto;width:10px;height:10px;cursor:se-resize}.photoviewer-resizable-handle-sw{top:auto;right:auto;bottom:-5px;left:-5px;width:10px;height:10px;cursor:sw-resize}.photoviewer-resizable-handle-nw{top:-5px;right:auto;bottom:auto;left:-5px;width:10px;height:10px;cursor:nw-resize}.photoviewer-resizable-handle-ne{top:-5px;right:-5px;bottom:auto;left:auto;width:10px;height:10px;cursor:ne-resize}.photoviewer-modal:-webkit-full-screen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:#000;border-width:0;border-radius:0}.photoviewer-modal:-ms-fullscreen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:#000;border-width:0;border-radius:0}.photoviewer-modal:fullscreen{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:#000;border-width:0;border-radius:0}.photoviewer-modal:-webkit-full-screen .photoviewer-header, .photoviewer-modal:-webkit-full-screen .photoviewer-footer, .photoviewer-modal:-webkit-full-screen .photoviewer-resizable-handle{display:none}.photoviewer-modal:-ms-fullscreen .photoviewer-header, .photoviewer-modal:-ms-fullscreen .photoviewer-footer, .photoviewer-modal:-ms-fullscreen .photoviewer-resizable-handle{display:none}.photoviewer-modal:fullscreen .photoviewer-header,.photoviewer-modal:fullscreen .photoviewer-footer,.photoviewer-modal:fullscreen .photoviewer-resizable-handle{display:none}.photoviewer-modal:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:rgba(0,0,0,0)}.photoviewer-modal:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:rgba(0,0,0,0)}.photoviewer-modal:fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:rgba(0,0,0,0)}.is-grab{cursor:move;cursor:grab}.is-grabbing{cursor:move;cursor:grabbing}.photoviewer-loader{position:absolute;top:30px;left:0;right:0;bottom:40px;z-index:2;text-align:center;color:#333}.photoviewer-loader::before{content:"";position:relative;display:inline-block;width:36px;height:36px;box-sizing:border-box;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(0,0,0,.5) rgba(255,255,255,.5);border-radius:100%;vertical-align:middle;animation:photoviewerLoading 1s infinite linear}.photoviewer-loader::after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}@keyframes photoviewerLoading{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}} /*# sourceMappingURL=photoviewer.min.css.map */ \ No newline at end of file diff --git a/dist/photoviewer.min.js b/dist/photoviewer.min.js index 197c31e..87d7351 100644 --- a/dist/photoviewer.min.js +++ b/dist/photoviewer.min.js @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * diff --git a/docs/css/photoviewer.css b/docs/css/photoviewer.css index b9f4da7..44354c0 100644 --- a/docs/css/photoviewer.css +++ b/docs/css/photoviewer.css @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * @@ -262,183 +262,75 @@ cursor: ne-resize; } -:-webkit-full-screen { +.photoviewer-modal:-webkit-full-screen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:-webkit-full-screen .photoviewer-header, -:-webkit-full-screen .photoviewer-footer, -:-webkit-full-screen .photoviewer-resizable-handle { - display: none; -} -:-webkit-full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; background-color: black; -} - -:-moz-full-screen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; border-width: 0; border-radius: 0; } -:-moz-full-screen .photoviewer-header, -:-moz-full-screen .photoviewer-footer, -:-moz-full-screen .photoviewer-resizable-handle { - display: none; -} -:-moz-full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; - background-color: black; -} - -:-ms-fullscreen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:-ms-fullscreen .photoviewer-header, -:-ms-fullscreen .photoviewer-footer, -:-ms-fullscreen .photoviewer-resizable-handle { - display: none; -} -:-ms-fullscreen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; - background-color: black; -} -:full-screen { +.photoviewer-modal:-ms-fullscreen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} -:full-screen .photoviewer-header, -:full-screen .photoviewer-footer, -:full-screen .photoviewer-resizable-handle { - display: none; -} -:full-screen .photoviewer-stage { - top: 0; - right: 0; - bottom: 0; - left: 0; - border-width: 0; background-color: black; -} - -:-webkit-full-screen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; border-width: 0; border-radius: 0; } -:-ms-fullscreen { +.photoviewer-modal:fullscreen { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; - background-color: transparent; - border-width: 0; - border-radius: 0; -} - -:fullscreen { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; - width: 100% !important; - height: 100% !important; - background-color: transparent; + background-color: black; border-width: 0; border-radius: 0; } -:-webkit-full-screen .photoviewer-header, :-webkit-full-screen .photoviewer-footer, :-webkit-full-screen .photoviewer-resizable-handle { +.photoviewer-modal:-webkit-full-screen .photoviewer-header, .photoviewer-modal:-webkit-full-screen .photoviewer-footer, .photoviewer-modal:-webkit-full-screen .photoviewer-resizable-handle { display: none; } -:-ms-fullscreen .photoviewer-header, :-ms-fullscreen .photoviewer-footer, :-ms-fullscreen .photoviewer-resizable-handle { +.photoviewer-modal:-ms-fullscreen .photoviewer-header, .photoviewer-modal:-ms-fullscreen .photoviewer-footer, .photoviewer-modal:-ms-fullscreen .photoviewer-resizable-handle { display: none; } -:fullscreen .photoviewer-header, -:fullscreen .photoviewer-footer, -:fullscreen .photoviewer-resizable-handle { +.photoviewer-modal:fullscreen .photoviewer-header, +.photoviewer-modal:fullscreen .photoviewer-footer, +.photoviewer-modal:fullscreen .photoviewer-resizable-handle { display: none; } -:-webkit-full-screen .photoviewer-stage { +.photoviewer-modal:-webkit-full-screen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; + background-color: transparent; } -:-ms-fullscreen .photoviewer-stage { +.photoviewer-modal:-ms-fullscreen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; + background-color: transparent; } -:fullscreen .photoviewer-stage { +.photoviewer-modal:fullscreen .photoviewer-stage { top: 0; right: 0; bottom: 0; left: 0; border-width: 0; - background-color: black; -} - -::backdrop { - background-color: black; -} - -::-ms-backdrop { - background-color: black; + background-color: transparent; } .is-grab { diff --git a/docs/js/photoviewer.js b/docs/js/photoviewer.js index 915f4a5..d63cbdc 100644 --- a/docs/js/photoviewer.js +++ b/docs/js/photoviewer.js @@ -5,7 +5,7 @@ * / ____/ __ / /_/ / / / / /_/ /| |/ // // /___ | |/ |/ / /___/ _, _/ * /_/ /_/ /_/\____/ /_/ \____/ |___/___/_____/ |__/|__/_____/_/ |_| * - * photoviewer - v3.10.0 + * photoviewer - v3.10.1 * A JS plugin to view images just like in Windows. * https://nzbin.github.io/photoviewer/ * diff --git a/package.json b/package.json index aa2ee4a..f045496 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "photoviewer", - "version": "3.10.0", + "version": "3.10.1", "description": "A JS plugin to view images just like in Windows.", "main": "src/js/photoviewer.js", "types": "types/index.d.ts",