photo-sphere-viewer
Version:
A JavaScript library to display Photo Sphere panoramas
1 lines • 3.81 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","style.scss"],"names":[],"mappings":"AAAA;;;;;GAAA;ACAA;EACE,kBAAkB;EAClB,OAAO;EACP,SAAS;EACT,WAAW;EACX,iCAAiC;EACjC,iDAAiD;EACjD,gBAAgB;EAChB,kBAAkB;EAClB,sDAAsC;EAAtC,8CAAsC;EAAtC,sCAAsC;EAAtC,0EAAsC;EACtC,mCAA2B;UAA3B,2BAA2B;EAC3B,WAAW;AACb;AACA;EACE,YAAY;EACZ,gDAAwC;UAAxC,wCAAwC;AAC1C;;AAEA;EACE,2CAAmC;UAAnC,mCAAmC;AACrC;AACA;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,aAAa;AACf;AACA;EACE,mBAAU;MAAV,cAAU;UAAV,UAAU;EACV,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;AACjB;AACA;EACE,WAAW;EACX,SAAS;AACX;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,8BAAsB;UAAtB,sBAAsB;EACtB,WAAW;EACX,aAAa;EACb,cAAc;EACd,8BAA8B;EAC9B,qBAAqB;EACrB,kBAAkB;EAClB,+BAA+B;EAC/B,UAAU;EACV,2CAAmC;EAAnC,mCAAmC;AACrC;AACA;EACE,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,yBAAiB;KAAjB,sBAAiB;MAAjB,qBAAiB;UAAjB,iBAAiB;AACnB;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,kCAAkC;EAClC,sBAAsB;EACtB,mCAA2B;UAA3B,2BAA2B;EAC3B,sDAAsC;EAAtC,8CAAsC;EAAtC,sCAAsC;EAAtC,0EAAsC;EACtC,UAAU;AACZ;AACA;EACE,YAAY;AACd;AACA;EACE,mBAAmB;AACrB;AACA;EACE,uCAA+B;UAA/B,+BAA+B;AACjC;AACA;EACE,WAAW;EACX,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,8BAAsB;UAAtB,sBAAsB;EACtB,uBAAuB;EACvB,UAAU;AACZ;AACA;EACE;IACE,MAAM;IACN,kBAAkB;IAClB,gBAAgB;EAClB;EACA;IACE,mBAAe;QAAf,eAAe;IACf,mBAAmB;EACrB;EACA;IACE,kCAAkC;IAClC,mBAAmB;EACrB;AACF","file":"gallery.css","sourcesContent":[null,".psv-gallery {\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n background: rgba(61, 61, 61, 0.5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.7);\n overflow-x: auto;\n overflow-y: hidden;\n transition: transform ease-in-out 0.1s;\n transform: translateY(100%);\n z-index: 90;\n}\n.psv--has-navbar .psv-gallery {\n bottom: 40px;\n transform: translateY(calc(100% + 40px));\n}\n\n.psv-gallery--open {\n transform: translateY(0) !important;\n}\n.psv-gallery-container {\n display: flex;\n padding: 15px;\n}\n.psv-gallery-item {\n flex: none;\n position: relative;\n margin-right: 15px;\n border-radius: 5px;\n overflow: hidden;\n cursor: pointer;\n}\n.psv-gallery-item-wrapper {\n width: 100%;\n height: 0;\n}\n.psv-gallery-item-title {\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n box-sizing: border-box;\n width: 100%;\n height: 2.2em;\n padding: 0.5em;\n background: rgba(0, 0, 0, 0.6);\n font: 16px sans-serif;\n line-height: 1.2em;\n color: rgba(255, 255, 255, 0.7);\n z-index: 2;\n transition: height ease-in-out 0.2s;\n}\n.psv-gallery-item-title span {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n user-select: none;\n}\n.psv-gallery-item-thumb {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-position: center center;\n background-size: cover;\n transform: scale3d(1, 1, 1);\n transition: transform ease-in-out 0.2s;\n z-index: 1;\n}\n.psv-gallery-item:hover .psv-gallery-item-title {\n height: 100%;\n}\n.psv-gallery-item:hover .psv-gallery-item-title span {\n white-space: normal;\n}\n.psv-gallery-item:hover .psv-gallery-item-thumb {\n transform: scale3d(1.2, 1.2, 1);\n}\n.psv-gallery-item--active::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n border: 3px solid white;\n z-index: 3;\n}\n@media screen and (max-width: 500px) {\n .psv-gallery {\n top: 0;\n overflow-x: hidden;\n overflow-y: auto;\n }\n .psv-gallery-container {\n flex-wrap: wrap;\n margin-right: -15px;\n }\n .psv-gallery-item {\n width: calc(50% - 15px) !important;\n margin-bottom: 15px;\n }\n}"]}