artin/miniPaint
1
0
Fork 0
mirror of https://github.com/viliusle/miniPaint.git synced 2026-02-06 13:36:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #196 from Giwayume/feature/inline-text-editing

Browse Source 
Fix icon button with image vertical align
This commit is contained in:
Vilius 2020-11-23 21:47:33 +02:00 committed by GitHub
commit 23273aed80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/component.css
View File

@ -203,16 +203,22 @@
.ui_icon_button {
height: 2.8rem;
line-height: 2.8rem;
}
.ui_icon_button.input_height {
height: 2.4rem;
line-height: 2.4rem;
}
.ui_icon_button > svg {
display: block;
font-size: 1.6rem;
}
.ui_icon_button > img {
display: block;
margin: 0 auto;
}
button img{
filter: var(--menu-icons-filter);
}

2
src/js/core/gui/gui-tools.js
View File

@ -214,7 +214,7 @@ class GUI_tools_class {
element.classList.add('ui_icon_button');
element.classList.add('input_height');
element.innerHTML = icon;
element.innerHTML = '<img alt="" src="images/icons/'+icon+'" />';
element.innerHTML = '<img alt="'+title+'" src="images/icons/'+icon+'" />';
} else {
element.classList.add('ui_toggle_button');
}