jgeorgi/GlModelViewer
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Improve touchscreen styles

Browse Source 
Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
Justin Georgi
2024-11-06 15:47:37 -07:00
parent b8a8cf08f3
commit 9e5d55c608
1 changed files with 35 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
modules/glmv.css
View File

@@ -16,9 +16,9 @@
cursor: pointer;
font-weight: bold;
font-size: 16px;
padding-top: 2px;
height: 24px;
position: relative;
padding: 0;
transition: opacity 0.3s;
width: 24px;
display: flex;
@@ -30,6 +30,7 @@
}
& span {
padding-top: 2px;
pointer-events: none;
}
}
@@ -186,13 +187,43 @@
@media (pointer: coarse) {
.Hotspot {
width: 60px;
height: 60px;
font-size: 40px;
width: 1.25em;
height: 1.25em;
font-size: 2.25em;
}
.HotspotAnnotation{
font-size: .5em;
max-width: 240px;
width: auto;
}
.glmv-menu {
height: 48px;
width: 48px;
border-radius: 9px;
&:hover {
width: 294px;
}
}
.glmv-menu-image {
width: 48px;
height: 48px;
flex: 0 0 48px;
}
.glmv-menu-button {
width: 42px;
height: 42px;
margin: 3px;
flex: 0 0 42px;
border-radius: 3px;
}
.glmv-act-button {
width: 75px;
height: 75px;
padding: 9px;
}
}