Infodialog geändert

This commit is contained in:
Denys Konovalov 2020-11-19 06:40:35 +01:00
parent 6bdb1eb243
commit b925b19e7d

@ -125,10 +125,10 @@ body.fullscreen-enabled #fullscreenToggle {
#fullscreenToggle .icon { #fullscreenToggle .icon {
position: absolute; position: absolute;
top: 5px; top: 7.25px;
right: 5px; right: 7.25px;
width: 30px; width: 25px;
height: 30px; height: 25px;
} }
.mobile #fullscreenToggle .icon { .mobile #fullscreenToggle .icon {
@ -488,7 +488,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.desktop.no-touch .info-hotspot .info-hotspot-header:hover { .desktop.no-touch .info-hotspot .info-hotspot-header:hover {
width: 560px; width: 560px;
border-radius: 5px; border-radius: 25px;
-webkit-transition: width 0.3s ease-in-out, -webkit-transition: width 0.3s ease-in-out,
border-radius 0.3s ease-in-out; border-radius 0.3s ease-in-out;
transition: width 0.3s ease-in-out, transition: width 0.3s ease-in-out,
@ -498,7 +498,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
.desktop .info-hotspot.visible .info-hotspot-header, .desktop .info-hotspot.visible .info-hotspot-header,
.desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover { .desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover {
width: 560px; width: 560px;
border-radius: 5px; border-radius: 25px;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
@ -519,9 +519,9 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
} }
.info-hotspot .info-hotspot-icon { .info-hotspot .info-hotspot-icon {
width: 90%; width: 60%;
height: 90%; height: 60%;
margin: 5%; margin: 20%;
} }
.info-hotspot .info-hotspot-title-wrapper { .info-hotspot .info-hotspot-title-wrapper {
@ -571,7 +571,8 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
top: 0; top: 0;
height: 40px; height: 40px;
width: 40px; width: 40px;
border-top-right-radius: 5px; border-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #ffbc3b; background-color: #ffbc3b;
visibility: hidden; visibility: hidden;
-ms-transform: perspective(200px) rotateY(90deg); -ms-transform: perspective(200px) rotateY(90deg);
@ -588,6 +589,7 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
-webkit-transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s,
transform 0.3s 0.3s, transform 0.3s 0.3s,
visibility 0s 0.6s; visibility 0s 0.6s;
margin-left: 10px;
} }
.desktop .info-hotspot.visible .info-hotspot-close-wrapper { .desktop .info-hotspot.visible .info-hotspot-close-wrapper {
@ -615,13 +617,13 @@ body.single-scene #sceneList, body.single-scene #sceneListToggle {
position: absolute; position: absolute;
width: 560px; width: 560px;
height: auto; height: auto;
max-height: 200px; max-height: 400px;
top: 40px; top: 40px;
left: 0; left: 0;
padding: 10px; padding: 10px;
background-color: #1a1a37; background-color: #1a1a37;
border-bottom-right-radius: 5px; border-bottom-right-radius: 20px;
border-bottom-left-radius: 5px; border-bottom-left-radius: 20px;
overflow-y: auto; overflow-y: auto;
visibility: hidden; visibility: hidden;
/* rotate(90deg) causes transition flicker on Firefox 58 */ /* rotate(90deg) causes transition flicker on Firefox 58 */
@ -825,10 +827,10 @@ body.view-control-buttons .viewControlButton {
.viewControlButton .icon { .viewControlButton .icon {
position: absolute; position: absolute;
top: 5px; top: 7.25px;
right: 5px; right: 7.25px;
width: 30px; width: 25px;
height: 30px; height: 25px;
} }
/* Center is at margin-left: -20px */ /* Center is at margin-left: -20px */