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

Tweak menu css

Browse Source 
Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
Justin Georgi
2024-10-28 14:25:36 -07:00
parent da3e61df9c
commit e77e8b85df
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
modules/glmv.css
View File

@@ -71,12 +71,13 @@
.glmv-menu { .glmv-menu {
border: solid 2px #0000008F; border: solid 2px #0000008F;
background: #FFFFFFCC;
overflow: hidden; overflow: hidden;
height: 32px; height: 32px;
width: 32px; width: 32px;
font-weight: bold; font-weight: bold;
border-radius: 6px; border-radius: 6px;
transition: width .75s; transition: width .5s;
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
left: 0; left: 0;
@@ -85,7 +86,7 @@
justify-content: flex-start; justify-content: flex-start;
&:hover { &:hover {
width: auto; width: 128px;
& .glmv-menu-image { & .glmv-menu-image {
transform: rotate(180deg); transform: rotate(180deg);
@@ -97,7 +98,7 @@
width: 32px; width: 32px;
height: 32px; height: 32px;
position: relative; position: relative;
transition: transform .75s; transition: transform .5s;
flex: 0 0 32px; flex: 0 0 32px;
} }
@@ -107,6 +108,7 @@
position: relative; position: relative;
margin: 2px; margin: 2px;
flex: 0 0 28px; flex: 0 0 28px;
border-radius: 2px;
& img { & img {
width: 100%; width: 100%;