adjust contrasts; use css vars
All checks were successful
Marzipano Prod / Produktivumgebung (push) Successful in 1m2s
All checks were successful
Marzipano Prod / Produktivumgebung (push) Successful in 1m2s
This commit is contained in:
parent
fc6b5335a1
commit
9992e29ba0
@ -30,13 +30,13 @@ import APP_DATA from "./data";
|
|||||||
// mdi icons
|
// mdi icons
|
||||||
var svgs = {
|
var svgs = {
|
||||||
"chevron-up-circle-outline":
|
"chevron-up-circle-outline":
|
||||||
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="#fff"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg>',
|
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="white"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg>',
|
||||||
"play-circle-outline":
|
"play-circle-outline":
|
||||||
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="#fff"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>',
|
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="white"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>',
|
||||||
"information-outline":
|
"information-outline":
|
||||||
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="#fff"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg>',
|
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="white"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg>',
|
||||||
"pause-circle-outline":
|
"pause-circle-outline":
|
||||||
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="#fff"><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>',
|
'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-circle-outline" viewBox="0 0 24 24" height="1em" width="1em" fill="white"><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>',
|
||||||
};
|
};
|
||||||
|
|
||||||
// Grab elements from DOM.
|
// Grab elements from DOM.
|
||||||
|
@ -7,7 +7,6 @@
|
|||||||
text-size-adjust: none;
|
text-size-adjust: none;
|
||||||
-webkit-user-drag: none;
|
-webkit-user-drag: none;
|
||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -75,7 +74,7 @@ body.multiple-scenes #titleBar {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 27.5px;
|
line-height: 27.5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #1a1a37;
|
background-color: var(--gcg-color-secondary);
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -118,10 +117,10 @@ body.multiple-scenes #titleBar {
|
|||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #ffbc3b;
|
background-color: var(--gcg-color-primary);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
color: #fff;
|
color: var(--gcg-color-secondary);
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -135,12 +134,12 @@ body.multiple-scenes #titleBar {
|
|||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #ffbc3b;
|
background-color: var(--gcg-color-primary);
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #fff;
|
color: var(--gcg-color-secondary);
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -156,10 +155,10 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #ffbc3b;
|
background-color: var(--gcg-color-primary);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
color: #fff;
|
color: var(--gcg-color-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
#sceneList {
|
#sceneList {
|
||||||
@ -173,7 +172,7 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
gap: 5px;
|
gap: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background-color: #1a1a37;
|
background-color: var(--gcg-color-secondary);
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
transition: 0.2s ease;
|
transition: 0.2s ease;
|
||||||
}
|
}
|
||||||
@ -193,7 +192,7 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
color: #fff;
|
color: var(--gcg-color-secondary);
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -212,14 +211,13 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
|
|
||||||
#sceneList .scene:hover,
|
#sceneList .scene:hover,
|
||||||
#sceneList .scene:active {
|
#sceneList .scene:active {
|
||||||
background-color: #fff !important;
|
background-color: white !important;
|
||||||
color: #1a1a37;
|
color: var(--gcg-color-secondary);
|
||||||
transition: 0.3s ease;
|
transition: 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sceneList .scene.current {
|
#sceneList .scene.current {
|
||||||
background-color: rgb(103, 115, 131);
|
background-color: var(--gcg-color-primary);
|
||||||
background-color: #ffbc3b;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Link hotspot */
|
/* Link hotspot */
|
||||||
@ -252,30 +250,18 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
left: 100%;
|
left: 100%;
|
||||||
top: 30px; /* ( 60 - (16 + 2*8) ) / 2 */
|
top: 30px; /* ( 60 - (16 + 2*8) ) / 2 */
|
||||||
|
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
background-color: var(--gcg-color-secondary);
|
||||||
background-color: rgb(58, 68, 84);
|
color: white;
|
||||||
background-color: #1a1a37;
|
|
||||||
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|
||||||
transform: translateX(-8px);
|
transform: translateX(-8px);
|
||||||
transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
|
transition: -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
|
||||||
}
|
}
|
||||||
@ -314,17 +300,17 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
border-radius: 25px;
|
border-radius: 25px;
|
||||||
background-color: #1a1a37;
|
background-color: var(--gcg-color-secondary);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: max-width 0.5s ease;
|
transition: max-width 0.5s ease;
|
||||||
color: #fff;
|
color: white;
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-hotspot.audio-room .info-hotspot-header {
|
.info-hotspot.audio-room .info-hotspot-header {
|
||||||
background-color: #ffbc3b;
|
background-color: var(--gcg-color-primary);
|
||||||
width: 75px;
|
width: 75px;
|
||||||
height: 75px;
|
height: 75px;
|
||||||
max-width: 75px;
|
max-width: 75px;
|
||||||
@ -380,10 +366,9 @@ body.fullscreen-enabled #autorotateToggle {
|
|||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: rgb(103, 115, 131);
|
background-color: white;
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
color: #000;
|
color: var(--gcg-color-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hide controls when width is too small */
|
/* Hide controls when width is too small */
|
||||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user