nicolo/scaenae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP clipping icons

Browse Source
This commit is contained in:
Nicolò P
2025-10-27 10:34:29 +01:00
parent 7412dd08bd
commit db28e66c28
5 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -62,6 +62,20 @@
input[type="checkbox"] {
cursor: pointer;
}
#clipper-bar .btn {
background-repeat: no-repeat;
background-position: center;
background-size: 80%;
}
#clipX {
background-image: url('assets/icons/section_x.png');
}
#clipY {
background-image: url('assets/icons/section_x.png');
}
#clipZ {
background-image: url('assets/icons/section_x.png');
}
</style>
</head>
@@ -78,7 +92,7 @@
<a class="btn aton-btn fs-5" id="clipper" title="Attiva / disattiva sezionamento">
<i class="bi bi-scissors"></i>
</a>
<div class="d-none
<div class="d-none w-25
position-absolute
top-0 start-50
translate-middle bg-light
@@ -86,10 +100,10 @@
rounded-bottom-3
mt-4 text-dark text-center"
id="clipper-bar">
<span class="pt-4 pb-1 d-block fw-bold">Sezionamento</span>
<button class="btn aton-btn d-inline" id="clipX" title="Sezione X">X</button>
<button class="btn aton-btn d-inline" id="clipY" title="Sezione Y">Y</button>
<button class="btn aton-btn d-inline" id="clipZ" title="Sezione Z">Z</button>
<span class="pt-5 pb-2 d-block fw-bold">Sezionamento</span>
<button class="btn aton-btn d-inline px-4 py-4 me-5" id="clipX" title="Sezione X"></button>
<button class="btn aton-btn d-inline px-4 py-4 me-5" id="clipY" title="Sezione Y"></button>
<button class="btn aton-btn d-inline px-4 py-4" id="clipZ" title="Sezione Z"></button>
</div>
<a class="btn aton-btn fs-5 float-end" id="menu" title="Menu">
<i class="bi bi-list"></i>