franzz/spot
1
0
Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

Make control buttons bigger, add pitch
All checks were successful
Deploy Spot / deploy (push) Successful in 38s
Details

Browse Source
This commit is contained in:
Franzz
2026-06-08 23:15:17 +02:00
parent c738fe8d50
commit 7b2962be15
10 changed files with 137 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/styles/_page.project.panel.scss
View File

@@ -125,12 +125,6 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
.panel-control {
position: absolute;
background-color: color.$default-bg;
padding: var.$elem-spacing;
border-radius: var.$block-radius;
box-shadow: var.$map-shadow;
font-size: 12px;
line-height: 1.5;
&.panel-control-top {
top: var.$block-spacing;
@@ -140,30 +134,41 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
bottom: var.$block-spacing;
}
&.panel-control-icon {
cursor: pointer;
.panel-control-elem {
background-color: color.$default-bg;
border-radius: var.$block-radius;
box-shadow: var.$map-shadow;
.spot-icon {
color: color.$default;
}
&:active {
background-color: color.$default-inv-bg;
&.panel-control-icon {
cursor: pointer;
width: var(--button-width);
height: var(--button-width);
display: flex;
align-items: center;
justify-content: center;
.spot-icon {
color: color.$default-inv;
color: color.$default;
}
}
@media (hover: hover) and (pointer: fine) {
&:hover {
&:active {
background-color: color.$default-inv-bg;
.spot-icon {
color: color.$default-inv;
}
}
@media (hover: hover) and (pointer: fine) {
&:hover {
background-color: color.$default-inv-bg;
.spot-icon {
color: color.$default-inv;
}
}
}
}
}
}
}
}