MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tweaked the editable label initial design.

Browse Source
This commit is contained in:
Matt Mo 2020-09-21 17:34:49 -07:00
parent e019eb9fdf
commit a86986b1a3
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
editable-label.js
View File

@ -16,9 +16,9 @@ class EditableLabel extends IgniteElement {
} }
mt-editable-label>div.focus { mt-editable-label>div.focus {
border: solid 0.09em #90A4AE; border: solid 0.13rem #ced4da;
padding: 0.2em; padding: 0.2rem;
border-radius: 0.3em; border-radius: 0.3rem;
} }
mt-editable-label:hover { mt-editable-label:hover {
@ -27,8 +27,8 @@ class EditableLabel extends IgniteElement {
mt-editable-label>div { mt-editable-label>div {
outline: unset; outline: unset;
border: solid 0.09em transparent; border: solid 0.13rem transparent;
padding: 0.2em; padding: 0.2rem;
} }
mt-editable-label>button { mt-editable-label>button {
@ -36,7 +36,7 @@ class EditableLabel extends IgniteElement {
background-color: #2196F3; background-color: #2196F3;
color: #fff; color: #fff;
border: none; border: none;
border-radius: 0.3em; border-radius: 0.3rem;
padding: 0; padding: 0;
width: 1.5em; width: 1.5em;
height: 1.5em; height: 1.5em;