no-muse/musescore-downloader
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: better visualization (#102)

Browse source 
Co-authored-by:  ClaudioAmato <32262813+ClaudioAmato@users.noreply.github.com>
This commit is contained in:
Xmader 2020-12-31 12:49:09 -05:00
parent d50fb677b4
commit 8e0ce90093
No known key found for this signature in database
GPG key ID: A20B97FB9EB730E4
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/btn.css
View file

@ -1,6 +1,9 @@
div {
flex-wrap: wrap;
display: flex;
width: 422px;
right: 0;
margin: 0 18px 18px 0;
text-align: center;
align-items: center;
font-family: 'Open Sans', 'Roboto', 'Helvetica neue', Helvetica, sans-serif;
position: absolute;
@ -9,6 +12,12 @@ div {
min-width: 230px;
}
@media screen and (max-width: 950px) {
div {
width: auto !important;
}
}
button {
width: 205px !important;
height: 38px;

4
src/btn.ts
View file

@ -123,10 +123,8 @@ export class BtnList {
try {
const anchorDiv = this.getBtnParent()
const { width, top, left } = anchorDiv.getBoundingClientRect()
newParent.style.width = `${width}px`
const { top } = anchorDiv.getBoundingClientRect()
newParent.style.top = `${top}px`
newParent.style.left = `${left}px`
} catch (err) {
console.error(err)
}